使用方法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
2
3
4
5
|
<
script
src
=
"jquery.min.js"
></
script
>
<
script
src
=
"xlsx-core.js"
></
script
>
<
script
src
=
"blob.js"
></
script
>
<
script
src
=
"filesaver.js"
></
script
>
<
script
src
=
"tableexport.js"
></
script
>
|
初始化插件
在页面DOM元素加载完毕之后,可以通过tableExport()方法来初始化该表格插件。原文地址:http://www.jqueryfuns.com/resource/2381配置参数 TableExport插件的默认配置参数如下:
1$(
"table"
).tableExport();
eadings:是否在<thead>元素中显示表格的头部(th或td元素)。 footers:是否在<tfoot>元素中显示表格的脚部(th或td元素)。 formats:导出的文件类型,会生成相应的导出按钮。 fileName:下载的文件名称。 bootstrap:是否使用bootstrap样式的按钮。 position:标题元素相对于表格的位置,可以是top或bottom。 ignoreRows:设置不被导出的表格行,可以是数值或一个数值数组。 ignoreCols:设置不被导出的表格列,可以是数值或一个数值数组。
12345678910$(
"table"
).tableExport({
headings:
true
,
footers:
true
,
formats: [
"xls"
,
"csv"
,
"txt"
],
fileName:
"id"
,
bootstrap:
true
,
position:
"bottom"
,
ignoreRows:
null
,
ignoreCols:
null
});