columns().header()
自:DataTables 1.10 起
取得所選欄位的標頭節點。
說明
此方法可用於取得(並因此修改)多個欄位使用的標頭儲存格。根據您的表格 HTML,這可能由 th
和/或 td
元素組成。
返回的儲存格是 DataTables 用於新增排序點擊監聽器的儲存格 - 即,選取器所匹配的每個欄位一個儲存格。如果標頭中有多個儲存格(即多個列),DataTables 使用哪一個作為主要標頭儲存格是由 orderCellsTop
選項定義的。
類型
function columns().header( [row] )
- 說明
取得所選欄位的標頭
th
/td
儲存格。- 參數
名稱 類型 選填 1 row
是 自 2.0 起:此參數可用於控制從
thead
中讀取標頭儲存格的列。如果為空,DataTables 將使用主要標頭儲存格 (orderCellsTop
)。- 傳回
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());
});
相關
以下選項直接相關,可能在您的應用程式開發中也很有用。