columns.title
自:DataTables 1.10 起
設定欄標題。
描述
欄位的標題會顯示在該欄位的標頭儲存格中。它也可以用於擴充功能中的其他互動,例如欄位可見性控制、篩選等等。
欄位的標題通常直接從 DOM(來自 thead
元素中的儲存格)讀取,但是覆寫現有值,或者讓 DataTables 實際為您建構具有欄標題的標頭(例如,如果在 DataTables 建構之前表格中沒有 thead
元素)可能很有用。此選項可用於提供該功能。
自 DataTables 2 起,該軟體會自動將欄標題包裝在類別為 dt-column-title
的 span
元素中。這樣做是為了確保可以讀取和寫入欄標題,而不會干擾欄位標頭中可能存在的其他元素。
請注意,在建構標頭時,DataTables 只能為每個欄位建構一個具有單一儲存格的簡單標頭。具有 colspan
和 rowspan
屬性的複雜標頭必須已在文件中定義,或者使用標準 DOM / jQuery 方法建構。此外,如果您在 DOM 中使用具有多行標頭的此屬性,則標題僅會設定在標頭中的第一行。
類型
此選項可以採用以下類型
預設
從欄位的標頭儲存格讀取的值。
範例
使用 columnDefs
設定第一欄的標題
new DataTable('#myTable', {
columnDefs: [
{
title: 'My column title',
targets: 0
}
]
});
使用 columns
設定第一欄的標題
new DataTable('#myTable', {
columns: [{ title: 'My column title' }, null, null, null, null]
});
相關
以下選項直接相關,可能在您的應用程式開發中也很有用。