{hero}

columns.title

自:DataTables 1.10 起

設定欄標題。

描述

欄位的標題會顯示在該欄位的標頭儲存格中。它也可以用於擴充功能中的其他互動,例如欄位可見性控制、篩選等等。

欄位的標題通常直接從 DOM(來自 thead 元素中的儲存格)讀取,但是覆寫現有值,或者讓 DataTables 實際為您建構具有欄標題的標頭(例如,如果在 DataTables 建構之前表格中沒有 thead 元素)可能很有用。此選項可用於提供該功能。

自 DataTables 2 起,該軟體會自動將欄標題包裝在類別為 dt-column-titlespan 元素中。這樣做是為了確保可以讀取和寫入欄標題,而不會干擾欄位標頭中可能存在的其他元素。

請注意,在建構標頭時,DataTables 只能為每個欄位建構一個具有單一儲存格的簡單標頭。具有 colspanrowspan 屬性的複雜標頭必須已在文件中定義,或者使用標準 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]
});

相關

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