2020年09月20日
当要处理一个复杂表格的时候,给用户提供一些按钮,会更容易操作。那么Datatables提供了这么一个Buttons扩展的能力。
Datatables扩展提供了按钮,用来访问你的扩展功能。 Editor提供了新增,编辑和删除的按钮在表格上。 这些按钮在下面的文档中有描述。另外,也可以自定操作,创建属于您的按钮。
按钮可以通过
buttonsOption
,使用
domOption
指定按钮:
$('#myTable').DataTable({ dom: 'Bfrtip', buttons: ['colvis', 'excel', 'print'] });
有关自定义buttons事件的更多信息,请参考 Buttons扩展文档 。请注意,Datatables核心并不提供任何按钮,你需要加载Buttons扩展才能使用。
名称 | 说明 |
---|---|
collectionButton
|
一个按钮触发另一组的下拉按钮 |
columnsToggleButton
|
一组按钮切换单个列的可见性 |
columnsVisibilityButton
|
一组按钮组单个列的可见性 |
columnToggleButton
|
一个按钮,切换一个或多个列的可见性 |
columnVisibilityButton
|
一个按钮来控制一个或多个列的可见性 |
colvisButton
|
一个按钮集合提供列可见性控制 |
colvisGroupButton
|
显示和隐藏多列 |
colvisRestoreButton
|
恢复列可见性原来的状态 |
copyButton
|
一个用来把表格数据复制到剪贴板的按钮 |
copyFlashButton
|
一个用来把表格数据复制到剪贴板的按钮(使用Adobe Flash) |
copyHtml5Button
|
一个用来把表格数据复制到剪贴板的按钮(使用Html5) |
csvButton
|
以csv格式保存表格中的数据 |
csvFlashButton
|
以csv格式保存表格中的数据(使用Adobe Flash) |
csvHtml5Button
|
以csv格式保存表格中的数据(使用Html5) |
excelButton
|
以Excel CSV格式保存表格中的数据 |
excelFlashButton
|
以Excel XLSX格式保存表格中的数据(使用Adobe Flash) |
excelHtml5Button
|
以Excel XLSX格式保存表格中的数据(使用Html5) |
pageLengthButton
|
用来控制表格每页显示条数的按钮 |
pdfButton
|
以pdf格式保存表格中的数据 |
pdfFlashButton
|
以pdf格式保存表格中的数据(使用Adobe Flash) |
pdfHtml5Button
|
以pdf格式保存表格中的数据(使用Html5) |
printButton
|
打印表格数据的按钮 |
名称 | 说明 |
---|---|
createButton
|
使用Editor创建新行 |
editButton
|
使用Editor编辑已经存在的行 |
removeButton
|
使用Editor删除已经存在的一行或者多行 |
名称 | 说明 |
---|---|
selectAllButton
|
根据当前选择模式选择表中所有数据 |
selectCellsButton
|
改变选择模式为 cell
|
selectColumnsButton
|
改变选择模式为 column
|
selectedButton
|
一个或者多个项目被选中时需要开启 |
selectedSingleButton
|
一个项目被选中时需要开启 |
selectNoneButton
|
取消所选择的项 |
selectRowsButton
|
改变选择模式为 row
|
Translation from DataTables.net, with permission