一个用来把表格数据复制到剪贴板的按钮
注意:这个需要使用Bottons扩展
这个按钮作为一个代理,根据浏览器的支持和页面上的库自动选择是
copyHtml5Button
还是
copyFlashButton
This is provided as there is no API in HTML5 that allows a copy to clipboard action when clicking a button. Flash however does provide that option, giving a potentially more desirable interface to the end user.
选择的顺序是:
如果检测到环境要求不满足,则不显示此按钮。
Datatables已经处理了该使用html5还是falsh,这样不需要程序员用逻辑去控制,
你任然可以使用 exportOptions
选项定义按钮类型
这个按钮有以下选项配置:
名称 | 默认 |
---|---|
text |
Copy |
按钮上显示的文字,使用
buttons.buttons.textOption
配置显示的文字内容
或者 buttons.copy ,关于语言的配置参考
languageOption
|
|
className |
buttons-copy |
按钮的class名称,详情参见
buttons.buttons.classNameOption
|
|
action |
|
显示一个对话框,用户可以使用它来将表数据复制到剪贴板 | |
fieldSeparator |
\t |
用制表符来隔开数据复制到剪贴板中 | |
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 |
表脚将包含在导出的数据中 |
Datatables初始化:自动选择html还是falsh导出数据
$('#myTable').DataTable( { buttons: [ 'copy' ] } );
直接初始化:使用 exportOptions
选项配置只导出当前页
$('#myTable').DataTable( { buttons: [ { extend: 'copy', text: 'Copy current page', exportOptions: { modifier: { page: 'current' } } } ] } );
Translation from DataTables.net, with permission