DataTables中的column().visible()

简介: 在数据表中显示和隐藏列非常方便,尤其是在显示信息密度较大的表时。此方法允许即时更改单个列的可见性,或读取列的可见性状态。

DataTables中的column().visible()用来获取/设置单个选定列的可见性。

描述

在数据表中显示和隐藏列非常方便,尤其是在显示信息密度较大的表时。此方法允许即时更改单个列的可见性,或读取列的可见性状态。

函数 column().visible()
描述:
获取所选列的可见性。
返回值:
boolean
true如果该列可见,false则不可见。
函数 column().visible(show [,redrawCalculations])
描述:
设置所选列的可见性。
参数:
        名称        类型          可选的
第1个 show      boolean           no
指定该列是可见的(true)还是不可见的(false)。
第2个   redrawCalculations  boolean  yes
默认值:true
指示DataTables是否应该重新计算列布局(true-默认)或不(false)。通常,将其保留为默认值,但是在循环中使用该方法时禁用它可能很有用-因此,每次调用都会执行计算,因为这会影响性能。
返回值:
DataTables.Api
在结果集中具有选定列的DataTables API实例。
例子
获取列索引0的可见状态:
Java脚本
var table = $('#example').DataTable();
alert( 'Column index 0 is '+
    (table.column( 0 ).visible() === true ? 'visible' : 'not visible')
);
隐藏表中的第一列:
Java脚本
var table = $('#example').DataTable();
table.column( 0 ).visible( false );
隐藏多个列redrawCalculations以提高性能:
Java脚本
var table = $('#example').DataTable();
for ( var i=0 ; i<4 ; i++ ) {
    table.column( i ).visible( false, false );
}
table.columns.adjust().draw( false ); // adjust column sizing and redraw

翻译来自这里https://www.datatables.net/reference/api/column().visible(),有需求的可以自行查看

相关文章
|
7月前
|
Oracle Java 关系型数据库
TYPE_SCROLL_SENSITIVE to TYPE_SCROLL_INSENSITIVE
TYPE_SCROLL_SENSITIVE to TYPE_SCROLL_INSENSITIVE
49 1
|
7月前
element-plus table表格cell-style的使用
element-plus table表格cell-style的使用
554 1
|
JavaScript
Element UI - el-table-column 属性之 show-overflow-tooltip 爬坑
Element UI - el-table-column 属性之 show-overflow-tooltip 爬坑
2436 0