以Excel CSV格式保存表格中的数据
注意:这个需要使用Bottons扩展
这个按钮作为一个代理,根据浏览器的支持和页面上的库自动选择是
excelHtml5Button
还是
excelFlashButton
如果浏览器不支持,按钮则不会显示
选择的顺序是:
如果检测到环境要求不满足,则不显示此按钮。
Datatables已经处理了该使用html5还是falsh,这样不需要程序员用逻辑去控制,
你任然可以使用 exportOptions
选项定义按钮类型
这个按钮有以下选项配置:
名称 | 默认 |
---|---|
text |
EXCEL |
按钮上显示的文字,使用
buttons.buttons.textOption
配置显示的文字内容
或者 buttons.copy ,关于语言的配置参考
languageOption
|
|
className |
buttons-excel |
按钮的class名称,详情参见
buttons.buttons.classNameOption
|
|
action |
|
创建并保存一个Excel文件 | |
exportOptions |
{} |
选择性的导出数据,包括哪些列,行,排序或者过滤。 详细参考 方法,这里收集所需要的数据 | |
header |
true |
表头将包含在导出的数据中 | |
footer |
false |
表脚将包含在导出的数据中 | |
title |
* |
给创建文件的文件名,*代表替换成系统默认的标题标签。 | |
extension |
.xlsx |
给创建文件的文件名后缀。 |
Datatables初始化:使用
excelButton
,让浏览器自动选择
$('#myTable').DataTable( { buttons: [ 'excel' ] } );
Datatables初始化:使用 exportOptions
选项配置导当前页数据
$('#myTable').DataTable( { buttons: [ { extend: 'excel', text: 'Save current page', exportOptions: { modifier: { page: 'current' } } } ] } );
Translation from DataTables.net, with permission