一个按钮来控制一个或多个列的可见性
注意:这个需要使用Bottons扩展
这个和
columnsVisibilityButton
不同的是,这个是
控制所有列或者是列的子集,而另一个是把所有列分两组显示出来,进行单独的控制
这个按钮是针对多个列操作,所以你可以使用
buttons.buttons.textOption
来配置按钮的名字
这个按钮有以下选项配置:
名称 | 默认 |
---|---|
columns |
undefined |
Columns selector that defines the columns to include in the column visibility button set.
By default this is
undefinedType
which results in all columns being selected,
but any of the
column-selectorType
options can be used to define a custom button set.
|
|
visibility |
undefined |
当你触发按钮的时候控制你选择的列是否显示或者隐藏 |
Datatables初始化:显示或者隐藏所有列
$('#myTable').DataTable( { buttons: [ { extend: 'columnVisibility', text: 'Show all', visibility: true }, { extend: 'columnVisibility', text: 'Hide all', visibility: false } ] } );
直接初始化:显示或者隐藏所有包含 secondary
类名的列
new $.fn.dataTable.Buttons( table, { buttons: [ { extend: 'columnVisibility', text: 'Show secondary', visibility: true, columns: '.secondary' }, { extend: 'columnVisibility', text: 'Hide secondary', visibility: false, columns: '.secondary' } ] } );
Translation from DataTables.net, with permission