Buttons

当要处理一个复杂表格的时候,给用户提供一些按钮,会更容易操作。那么Datatables提供了这么一个Buttons扩展的能力。

Datatables扩展提供了按钮,用来访问你的扩展功能。 Editor提供了新增,编辑和删除的按钮在表格上。 这些按钮在下面的文档中有描述。另外,也可以自定操作,创建属于您的按钮。

按钮可以通过 buttonsOption ,使用 domOption 指定按钮:

        $('#myTable').DataTable({
            dom: 'Bfrtip',
            buttons: ['colvis', 'excel', 'print']
        });
    

有关自定义buttons事件的更多信息,请参考 Buttons扩展文档 。请注意,Datatables核心并不提供任何按钮,你需要加载Buttons扩展才能使用。

按钮(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 打印表格数据的按钮

编辑器(Editor)

名称 说明
createButton 使用Editor创建新行
editButton 使用Editor编辑已经存在的行
removeButton 使用Editor删除已经存在的一行或者多行

选择(Select)

名称 说明
selectAllButton 根据当前选择模式选择表中所有数据
selectCellsButton 改变选择模式为 cell
selectColumnsButton 改变选择模式为 column
selectedButton 一个或者多个项目被选中时需要开启
selectedSingleButton 一个项目被选中时需要开启
selectNoneButton 取消所选择的项
selectRowsButton 改变选择模式为 row

http://datatables.net/reference/button/

Translation from DataTables.net, with permission

站内搜索

赞助我们

赞助我们

您的支持,将是我们前进的最大动力……