columns().visible()

自 DataTables 1.10 起可用

取得 / 設定所選欄位的可見性。

描述

在 DataTable 中顯示和隱藏欄位非常方便，尤其是在顯示資訊密度高的表格時。此方法允許即時更改欄位的可見性，或讀取欄位的可見性狀態。

類型

function columns().visible()

描述: 取得所選欄位的可見性。
回傳: DataTables.Api

API 實例，其結果集包含每個選取器匹配的欄位的布林值。布林值表示：true 如果欄位可見，false 如果不可見。

function columns().visible( show [, redrawCalculations ] )

描述

設定所選欄位的可見性。

參數

	名稱	類型	選用
1	`show`	`boolean`	否
	指定欄位是否應可見 (`true`) 或不可見 (`false`)。
2	`redrawCalculations`	`boolean`	是 - 預設值：true
	指出 DataTables 是否應重新計算欄位佈局 (`true` - 預設值) 或不重新計算 (`false`)。通常，這會保留為預設值，但在迴圈中使用該方法時停用它可能會很有用 - 因此計算會在每次呼叫時執行，因為它們可能會影響效能。

回傳

DataTables.Api

DataTables API 實例，結果集中包含選取的欄位。

範例

設定兩個欄位的可見性

var table = new DataTable('#myTable');

// Hide two columns
table.columns([1, 2]).visible(false);

alert(
	"Table's column visibility are set to: " +
		table
			.columns()
			.visible()
			.join(', ')
);

隱藏所有類別為 '.detail' 的欄位

var table = new DataTable('#myTable');

table.columns('.detail').visible(false);

使用 redrawCalculations 隱藏多個欄位以提高效能

var table = new DataTable('#myTable');

table.columns([0, 1, 2, 3]).visible(false, false);
table.columns.adjust().draw(false); // adjust column sizing and redraw

columns().visible()

描述

類型

function columns().visible()

function columns().visible( show [, redrawCalculations ] )

範例

相關

DataTables