十七 bootstrap-table tableExport 導出xlsx格式表格

在[十六、bootstrap-table javascript導出數據]中,打開導出的表格時,總會彈出一個提示窗
這裏寫圖片描述

那麼,導出xlsx格式的應該就沒問題了吧?!實驗如下,查找tableExport.js資料

TableExport插件依賴於jQuery(1.2.1+),FileSaver.js。爲了支持.xlsx(Office Open XML SpreadsheetML Format)格式,你必須在 FileSaver.js 和 TableExport.js文件之前引入xlsx-core.js文件。爲了使舊的瀏覽器(Firefox < 20, Opera < 15, Safari < 6)支持.xlsx,需要在 FileSaver.js 文件之前引入 Blob.js文件。

1.從https://github.com/SheetJS/js-xlsx上下載xlsx.full.min.js,放到static路徑下:
這裏寫圖片描述

2.在html中添加:
<script type="text/javascript" src="/static/js/xlsx.full.min.js"></script>

3.js中修改:

exportTypes: ['xls','xlsx', 'txt', 'csv'], //可選的導出文件類型

4.導出效果
這裏寫圖片描述

這裏寫圖片描述

參考文檔:
可將HTML表格導出爲Excel|csv|txt文件的jQuery插件 http://www.htmleaf.com/jQuery/Table/201605113452.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章