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

时间:2022-08-29 16:55:46

在[十六、bootstrap-table javascript导出数据]中,打开导出的表格时,总会弹出一个提示窗
十七 bootstrap-table tableExport 导出xlsx格式表格

那么,导出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路径下:
十七 bootstrap-table tableExport 导出xlsx格式表格

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

3.js中修改:

exportTypes: ['xls','xlsx', 'txt', 'csv'], //可选的导出文件类型

4.导出效果
十七 bootstrap-table tableExport 导出xlsx格式表格

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

参考文档:
可将HTML表格导出为Excel|csv|txt文件的jQuery插件 http://www.htmleaf.com/jQuery/Table/201605113452.html