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

【问题标题】：Setting default columns hidden using DataTable ColVis extension使用 DataTable ColVis 扩展设置隐藏的默认列
【发布时间】：2015-07-15 23:44:38
【问题描述】：

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

另外，有没有办法检索当前可见/隐藏的列列表？

【问题讨论】：

标签： datatables

【解决方案1】：

指定可见列

您可以使用columnDefs 或columns 选项设置可见性以定位特定列，并使用columns.visible 选项设置列可见性。

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

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

请参阅this jsFiddle 进行演示。

获取可见列的列表

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

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

请参阅this jsFiddle 进行演示。

【讨论】：

【解决方案2】：

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

要获取可见/隐藏的列列表，您可以执行以下操作

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/

【讨论】：