jQWidgets jqxDataTable hideColumn() 方法

hideColumn() 方法是 jQWidgets jqxDataTable 组件提供的一种隐藏列的方式。它可以隐藏指定的列，让这些列不再显示在表格中。

语法

$('#dataTable').jqxDataTable('hideColumn', 'columnName');

• #dataTable：表示表格组件的 ID。
• hideColumn：表示隐藏列的方法。
• 'columnName'：要隐藏的列的名称。

参数

• 'columnName'：要隐藏的列的名称，必填。

返回值

该方法没有返回值。

示例

$('#dataTable').jqxDataTable({
    source: dataAdapter,
    columns: [
        { text: '姓名', dataField: 'name' },
        { text: '年龄', dataField: 'age' },
        { text: '性别', dataField: 'gender' }
    ]
});

// 隐藏“性别”列
$('#dataTable').jqxDataTable('hideColumn', 'gender');

细节说明

• 当调用 hideColumn() 方法后，被隐藏的列的内容不再显示在表格中，但是该列并没有从数据源中删除。
• 要显示被隐藏的列，可以调用 showColumn() 方法。
• 如果要隐藏多列，可以多次调用 hideColumn() 方法。

以上就是 jQWidgets jqxDataTable 组件的 hideColumn() 方法的介绍了，这个方法非常简单实用，是 jQWidgets jqxDataTable 组件中常用的基础操作之一。