以Excel XLSX格式保存表格中的数据(使用Html5)
注意:这个需要使用Bottons扩展
这个按钮可以提供用户把表格数据以Excel方式导出
这个文件只保留原始数据,数据格式,颜色等都不会保留。你也可以使用 SheetJS库来自定义这个按钮。
这个需要比较新的浏览器支持(不支持IE8和9)。对于老版本的浏览器,
excelFlashButton
使用flash插件提供创建和保存文件的功能。
excelButton
可以基于浏览器的功能,
自动在和
excelFlashButton
按钮之间选择。
此外, JSZip必须在这个页面上可用。 This MIT licensed library provides the ability to create a ZIP file in the browser, which is required to build a valid XLSX file.
注意在Safari上的支持:
不会下载生成的文件
参考Webkit bug 102914。
按钮在Safari上不会显示,建议使用
excelFlashButton
按钮类型或者是使用
excelButton
自动选择
这个按钮有以下选项配置:
名称 | 默认 |
---|---|
text |
EXCEL |
按钮上显示的文字,使用
buttons.buttons.textOption
配置显示的文字内容
或者 buttons.copy ,关于语言的配置参考
languageOption
|
|
className |
buttons-excel buttons-html5 |
按钮的class名称,详情参见
buttons.buttons.classNameOption
|
|
action |
|
创建并保存一个Excel文件 | |
exportOptions |
{} |
选择性的导出数据,包括哪些列,行,排序或者过滤。 详细参考 方法,这里收集所需要的数据 | |
header |
true |
表头将包含在导出的数据中 | |
footer |
false |
表脚将包含在导出的数据中 | |
title |
* |
给创建文件的文件名,*代表替换成系统默认的标题标签。 | |
extension |
.xlsx |
给创建文件的文件名后缀。 | |
sheetName |
Sheet1 |
给sheet指定名称。 [] \ /: *? :这些字符不允许,如果存在将会被删除 |
Datatables初始化:试用 Html5 Excel 按钮
$('#myTable').DataTable( { buttons: [ 'excelHtml5' ] } );
Datatables初始化:使用
excelButton
,让浏览器自动选择
$('#myTable').DataTable( { buttons: [ 'excel' ] } );
Datatables初始化:使用 exportOptions
选项配置导当前页数据
$('#myTable').DataTable( { buttons: [ { extend: 'excelHtml5', text: 'Save current page', exportOptions: { modifier: { page: 'current' } } } ] } );
Translation from DataTables.net, with permission