以csv格式保存表格中的数据(使用Html5)
注意:这个需要使用Bottons扩展
该按钮创建了一个以逗号分隔的CSV文件,可以应用到电子表格和数据分析应用程序。
这个需要比较新的浏览器支持(不支持IE8和9)。对于老版本的浏览器,
csvFlashButton
使用flash插件提供创建和保存文件的功能。
csvButton
可以自动选择基于浏览器的功能。
注意在Safari上的支持: 不会弹出下载生成的文件 参考Webkit bug 102914。 生成的csv文件显示在另一个选项卡中,你可以选择另存为来下载该文件。
这个按钮有以下选项配置:
名称 | 默认 |
---|---|
text |
CSV |
按钮上显示的文字,使用
buttons.buttons.textOption
配置显示的文字内容
或者 buttons.copy ,关于语言的配置参考
languageOption
|
|
className |
buttons-csv buttons-html5 |
按钮的class名称,详情参见
buttons.buttons.classNameOption
|
|
action |
|
创建并保存一个cvs文件 | |
fieldSeparator |
, |
用逗号符来隔开数据复制到剪贴板中 | |
fieldBoundary |
" |
The character(s) used to enclose each field in the plain text representation of the table that is copied to the system's clipboard. This is automatically added at the start and end of each cell's data. | |
exportOptions |
{} |
选择性的导出数据,包括哪些列,行,排序或者过滤。 详细参考 方法,这里收集所需要的数据 | |
header |
true |
表头将包含在导出的数据中 | |
footer |
false |
表脚将包含在导出的数据中 | |
title |
* |
给创建文件的文件名,*代表替换成系统默认的标题标签。 | |
extension |
.csv |
给创建文件的文件名后缀。 | |
charset |
null |
给创建文件的文件设置字符集,如果为null则使用默认的字符集。也可以设置
false 来禁用字符集设置
|
|
escapeChar |
" |
Character to use as the escape character for CSV data. This will be prefixed to any data found in the fields which matches that set by the fieldBoundary option. It is a configurable option as different applications can require different options - however the default matches RFC4180. |
Datatables初始化:试用 HTML5 CSV按钮
$('#myTable').DataTable( { buttons: [ 'csvHtml5' ] } );
Datatables初始化:使用
csvButton
,让浏览器自动选择
$('#myTable').DataTable( { buttons: [ 'csv' ] } );
Datatables初始化:使用 exportOptions
选项配置导出所有数据,不管过滤
$('#myTable').DataTable( { buttons: [ { extend: 'csvHtml5', text: 'Copy all data', exportOptions: { modifier: { search: 'none' } } } ] } );
Translation from DataTables.net, with permission