以csv格式保存表格中的数据
注意:这个需要使用Bottons扩展
这个按钮作为一个代理,根据浏览器的支持和页面上的库自动选择是
csvHtml5Button
还是
csvFlashButton
如果浏览器不支持,按钮则不会显示
选择的顺序是:
如果检测到环境要求不满足,则不显示此按钮。
Datatables已经处理了该使用html5还是falsh,这样不需要程序员用逻辑去控制,
你任然可以使用 fieldSeparator
选项定义按钮类型
这个按钮有以下选项配置:
名称 | 默认 |
---|---|
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 |
给创建文件的文件名后缀。 | |
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: [ 'csv' ] } );
Datatables初始化:使用 exportOptions
选项配置导出所有数据,不管过滤
$('#myTable').DataTable( { buttons: [ { extend: 'csv', text: 'Copy all data', exportOptions: { modifier: { search: 'none' } } } ] } );
Translation from DataTables.net, with permission