十七 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

点这里可以跳转到人工智能网站

发表评论