{hero}

columns.visible

起始版本:DataTables 1.10

啟用或停用此欄位的顯示。

描述

DataTables 可以透過此選項以及 column().visible() / columns().visible() 方法動態顯示和隱藏欄位。此選項可用於取得欄位的初始可見狀態,而 API 方法則可用於在稍後變更該狀態。

如果您的表格包含大量欄位,並且您希望使用者能夠控制他們可以看到哪些欄位,或者您的表格中有終端使用者不應看到的資料(例如資料庫 ID 欄位),則此功能特別有用。

類型

此選項可以使用以下類型

預設值

  • 值:true

範例

使用 columnDefs 隱藏第一欄

new DataTable('#myTable', {
	columnDefs: [{ visible: false, targets: 0 }]
});

使用 columns 隱藏第一欄

new DataTable('#myTable', {
	columns: [{ visible: false }, null, null, null, null]
});

相關

以下選項直接相關,在您的應用程式開發中也可能很有用。