columnsVisibility
自:按钮 1.0.0
一组用于设置各个列可见性的按钮。
请注意 - 此属性需要有 按钮 扩展用于 DataTables。
描述
此按钮类型实际上在一个按钮实例中创建多个按钮,每个列一个按钮(如果没有选择,则每个列一个按钮)。每个按钮都被自动赋予与该列标题相同的标题,并可以通过按钮的visibility
选项控制每个列的可见性。
此按钮类型是作为基本组列可见性按钮的完整性而包含的,但 columnsToggle
和 columnVisibility
通常更有用。
选项
除了适用于所有按钮的选项(例如 buttons.buttons.text
),此按钮可以在其配置对象中设置以下选项以自定义其操作和显示功能
名称 | 类型 | 默认 |
---|---|---|
columns | undefined | |
定义要包含在列可见性按钮集中列的列选择器。默认是 | ||
visibility | undefined | |
控制激活按钮后是否应该显示或隐藏列。 |
示例
DataTables 初始化:各个按钮集合用于显示/隐藏列
new DataTable('#myTable', {
layout: {
topStart: {
buttons: [
{
extend: 'collection',
text: 'Show columns',
buttons: ['columnsVisibility'],
visibility: true
},
{
extend: 'collection',
text: 'Hide columns',
buttons: ['columnsVisibility'],
visibility: false
}
]
}
}
});