{hero}

columns().header()

自:DataTables 1.10 起

取得所選欄位的標頭節點。

說明

此方法可用於取得(並因此修改)多個欄位使用的標頭儲存格。根據您的表格 HTML,這可能由 th 和/或 td 元素組成。

返回的儲存格是 DataTables 用於新增排序點擊監聽器的儲存格 - 即,選取器所匹配的每個欄位一個儲存格。如果標頭中有多個儲存格(即多個列),DataTables 使用哪一個作為主要標頭儲存格是由 orderCellsTop 選項定義的。

類型

function columns().header( [row] )

說明

取得所選欄位的標頭 th / td 儲存格。

參數
傳回

DataTables API 實例,結果集中包含所選欄位的標頭儲存格。

範例

從具有該類別的欄位中移除類別

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

table
	.columns('.highlight')
	.header()
	.to$()
	.removeClass('highlight');

針對點擊的儲存格彈出欄位名稱

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

$('#example tbody').on('click', 'td', function () {
	var idx = table.cell(this).index().column;
	var title = table.columns(idx).header();

	alert('Column title clicked on: ' + $(title).html());
});

相關

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