使用 DataTable ColVis 扩展设置隐藏的默认列

Question

如何提供我想在 table 通过 ColVis 扩展加载时隐藏的列列表？

另外，有没有办法检索当前 visible/hidden 的列列表？

Answer 1

ColVis 扩展没有提供在加载时隐藏列的方法。那就是 .Datatable() 要做的工作。

要获取 visible/hidden 列的列表，您可以这样做

var length = myTable.columns().nodes().length,
    result = [];
for(var i=0;i<length;i++){
    result.push(myTable.column(i).visible());
}
console.log(result);

这里有演示http://jsfiddle.net/dhirajbodicherla/189Lp6u6/25/

Answer 2

指定可见列

您可以使用 columnDefs or columns options to target specific columns along with columns.visible 选项设置可见性以设置列可见性。

例如，要最初隐藏第二列，请使用以下选项：

var table = $('#example').DataTable({
    'columnDefs': [
       { targets: 1, visible: false }
    ]
});

请参阅 this jsFiddle 进行演示。

获取可见列的列表

您可以使用 columns().visible() 方法获取可见列的列表。

var colVisible = table.columns().visible();

请参阅 this jsFiddle 进行演示。

使用 DataTable ColVis 扩展设置隐藏的默认列

Setting default columns hidden using DataTable ColVis extension

datatables