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(),有需求的可以自行查看

相关文章
|
6月前
|
Oracle Java 关系型数据库
TYPE_SCROLL_SENSITIVE to TYPE_SCROLL_INSENSITIVE
TYPE_SCROLL_SENSITIVE to TYPE_SCROLL_INSENSITIVE
44 1
|
JavaScript 前端开发
75jqGrid - Basic Pivot Grid
75jqGrid - Basic Pivot Grid
39 0
Element UI - el-table el-table-column 表头自定义
Element UI - el-table el-table-column 表头自定义
686 0
Element UI - el-table el-table-column 表头自定义
|
JavaScript
Element UI - el-table-column 属性之 show-overflow-tooltip 爬坑
Element UI - el-table-column 属性之 show-overflow-tooltip 爬坑
2384 0
when click one item in table Select at least one column to perform the search
when click one item in table Select at least one column to perform the search
114 0
when click one item in table Select at least one column to perform the search
|
JSON JavaScript 前端开发
bootstrap table 教程+x-editable
Bootstrap-table 快速入门---- bootstrap-table是一个基于Bootstrap的jQuery插件可以实现从数据库中提取数据到前端进行相应操作的功能 基于bootstrap-table的后台系统功能展示 ...
2425 0