列可见性
自:Buttons 1.0.0 版起
用于控制一列或多列可见性的单个按钮。
请注意 - 此属性需要 DataTables 的 Buttons 扩展功能。
说明
此按钮类型创建一个单个按钮,该按钮可以控制 DataTale 中一列或多列的可见性(与之对应的 columnsVisibility
将扩展为针对每列的单个按钮)。这为控制表的所有列或该列的子集的显示所有/隐藏所有按钮提供了可能。
对于多列,按钮应当使用 buttons.buttons.text
选项赋予其一个标题,该选项也可用于单个列按钮,尽管如果未另行提供,它将自动获得该列的标题文本。
选项
除所有按钮可用的选项(例如 buttons.buttons.text
)之外,可以在其配置对象中设置此按钮的以下选项,以自定义其行为和显示方式
名称 | 类型 | 默认值 |
---|---|---|
columns | 未定义 | |
列选择器,可以定义要包含在列可见性按钮集中的列。默认为 | ||
visibility | 未定义 | |
当按钮被激活时,控制列的隐藏或显示。 |
示例
DataTables 初始化:显示所有/隐藏所有按钮
new DataTable('#myTable', {
layout: {
topStart: {
buttons: [
{
extend: 'columnVisibility',
text: 'Show all',
visibility: true
},
{
extend: 'columnVisibility',
text: 'Hide all',
visibility: false
}
]
}
}
});