按钮

在处理复杂的 DataTable 时,通常希望提供一些选项供最终用户激活,以影响表格或表格中包含的数据。显示可点击、轻触或通过键盘触发的按钮是实现此目的的一种方法,而Buttons 扩展 正好提供了这种能力。

各种DataTables 扩展 提供了可用于访问该扩展功能的按钮;例如,Editor 为表格提供了添加、编辑和删除按钮。此处记录了可用的按钮。此外,还可以创建自定义按钮来执行特定于您的用例的操作。

可以通过buttons 配置对象使用按钮,并使用dom 指定按钮应放置的位置。

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

有关 Buttons 自定义事件的更多信息,请参阅Buttons 扩展文档。请注意,DataTables 核心本身不提供任何按钮,必须加载 Buttons 扩展才能使用扩展中的按钮。

名称 摘要
按钮

集合

一个触发包含另一组按钮的下拉菜单的按钮

按钮

columnToggle

一个切换一个或多个列可见性的按钮

按钮

columnVisibility

一个控制一个或多个列可见性的按钮

按钮

columnsToggle

一组用于切换各个列可见性的按钮

按钮

columnsVisibility

一组用于设置各个列可见性的按钮

按钮

colvis

一个提供列可见性控制的按钮集合

按钮

colvisGroup

显示和隐藏多个列

按钮

colvisRestore

将列的可见性恢复到其原始状态

按钮

copy

将表格数据复制到剪贴板的按钮

按钮

copyHtml5

将表格数据复制到剪贴板的按钮(HTML)

按钮

csv

创建并保存一个包含表格数据的 CSV 文件

按钮

csvHtml5

创建并保存一个包含表格数据的 CSV 文件(HTML5)

按钮

excel

创建并保存一个包含表格数据的 Excel CSV 文件

按钮

excelHtml5

创建并保存一个包含表格数据的 Excel XLSX 文件(HTML5)

按钮

pageLength

控制 DataTables 页面长度的按钮集合

按钮

pdf

创建并保存一个包含表格数据的 PDF 文件

按钮

pdfHtml5

创建并保存一个包含表格数据的 PDF 文件(HTML5)

按钮

print

按钮显示表格数据的可打印视图

按钮

spacer

一个特殊的“按钮”,用于在按钮之间提供视觉分组。

Editor

create

一个使用Editor创建新行的按钮

Editor

createInline

一个用于插入新行以进行内联行创建的按钮

Editor

edit

一个使用Editor编辑一个或多个现有行的按钮

Editor

editSingle

一个使用Editor编辑现有行的按钮

Editor

remove

一个使用Editor删除一个或多个行的按钮

Editor

removeSingle

一个使用Editor删除单个行的按钮

FixedColumns

fixedColumns

一个初始化并允许切换 FixedColumns 的按钮。

SearchBuilder

searchBuilder

一个在弹出窗口中显示 SearchBuilder 容器的按钮。

SearchPanes

searchPanes

一个在弹出窗口中显示 SearchPanes 容器的按钮。

SearchPanes

searchPanesClear

一个清除 SearchPanes 选择的按钮。

Select

selectAll

根据当前项目选择模式选择表格中的所有项目

Select

selectCells

将项目选择模式更改为cell

Select

selectColumns

将项目选择模式更改为column

Select

selectNone

取消选择表格中所有选定的项目。

Select

selectRows

将项目选择模式更改为row

Select

selected

当表格中选择了一个或多个项目时启用的按钮

Select

selectedSingle

当表格中选择了一个项目时启用的按钮

Select

showSelected

切换一个过滤器,该过滤器将显示的行减少到仅选定的行。

StateRestore

createState

基于表格的当前状态创建一个新状态。

StateRestore

removeAllStates

删除所有存储的状态。

StateRestore

removeState

从存储中删除一个状态。

StateRestore

renameState

重命名一个状态。

StateRestore

savedStates

用于提供与保存的状态交互的集合

StateRestore

savedStatesCreate

扩展savedStates,为通常显示的集合添加创建功能

StateRestore

stateRestore

一个拆分按钮,表示并提供保存状态的功能。

StateRestore

updateState

使用当前表格状态更新选定的状态。