columnVisibility

起始版本号: Buttons 1.0.0

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

注意:这个需要使用Bottons扩展

说明(Description)

这个和 columnsVisibilityButton 不同的是,这个是 控制所有列或者是列的子集,而另一个是把所有列分两组显示出来,进行单独的控制

这个按钮是针对多个列操作,所以你可以使用 buttons.buttons.textOption 来配置按钮的名字

选项(Options)

这个按钮有以下选项配置:

示例

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'
        }
    ]
} );

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

Translation from DataTables.net, with permission