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

简介: 原文:十七 bootstrap-table tableExport 导出xlsx格式表格 在[十六、bootstrap-table javascript导出数据]中,打开导出的表格时,总会弹出一个提示窗 那么,导出xlsx格式的应该就没问题了吧?!实验如下,查找tableExport.js资料 TableExport插件依赖于jQuery(1.2.1+),FileSaver.js。
原文: 十七 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

目录
相关文章
|
5月前
|
JSON 前端开发 JavaScript
Bootstrap Table表格分页的使用及分页数据(Excel)导出
Bootstrap Table表格分页的使用及分页数据(Excel)导出
59 0
|
JavaScript 前端开发
bootstrap-table的导出数据功能的使用,以及导出中文时无效的问题(点击无效)。
原文网址:http://www.cnblogs.com/chaoxiyouda/p/5336602.html 我用的是rapido那个demo。
1643 0
N..
|
30天前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
13 0
|
6月前
|
前端开发 容器
|
6月前
|
前端开发 容器
|
6月前
|
前端开发 开发者 容器
|
1月前
|
前端开发
bootstrap组件的案例代码
bootstrap组件的案例代码
9 0
|
1月前
|
前端开发
bootstrap组件
bootstrap组件
15 0
|
6月前
|
前端开发