描述(Description)
在DataTables中显示和隐藏列非常方便，特别是当列比较多的大表格时。此方法允许即时改变多个列的可见性，或者获取多个列的可见性状态。
类型(Types)
function columns().visible()
描述(Description):
获取选择列的可见性
返回(Returns):
API实例，结果里是根据选择器匹配的每一列列数据并且每个数据包含一个布尔值，这个布尔值为true表示列是可见的，false表示不可见
function columns().visible( show [, redrawCalculations ] )
描述(Description):
设置选择列的可见性
参数(Parameters):
| 名称（Name） | 类型（Type） | 是否可选（Optional） | |
|---|---|---|---|
| 1 | show |
booleanType
|
No |
指定该列是可见的（true）还是不可见的（false）
|
|||
| 2 | redrawCalculations |
booleanType
|
Yes-default:true |
指示DataTables是否应该重新计算列布局（true默认）或者不计算（false）。通常将其保留为默认值，但如果在循环的逻辑中禁用会很有用，因为如果每次调用都会执行计算，会影响性能。
|
|||
返回(Returns):
DataTables API 实例，包含被选择的列在结果集中。
例子(Example)
设置两列的可见性
1
2
3
4
5
6
var table = $('#example').DataTable();
// Hide two columns
table.columns( [1,2] ).visible( false );
alert( 'Table\'s column visibility are set to: '+table.columns().visible().join(', ') );
隐藏所有包含class名为detail的列
1
2
3
var table = $('#example').DataTable();
table.columns( '.detail' ).visible( false );
隐藏多列，使用redrawCalculations来提高性能
1
2
3
4
var table = $('#example').DataTable();
table.columns( [ 0, 1, 2, 3 ] ).visible( false, false );
table.columns.adjust().draw( false ); // adjust column sizing and redraw
相关属性(Related)
下面的选项是直接相关的，也可能是您的应用程序的开发非常有用。
API
