responsive.details.type

設定子資料列顯示控制類型。
請注意 - 此屬性需要 DataTables 的 Responsive 擴充套件。

描述

Responsive 內建兩種方法來管理如何向終端使用者顯示子資料列顯示控制

• inline - 表格中的第一欄會加上額外的內距，並使用 :before 虛擬元素來顯示按鈕。
• column - 將一整欄專用於顯示/隱藏控制項。
• none - 不顯示顯示/隱藏圖示 - 通常在移除使用者顯示/隱藏資料列的能力時使用（responsive.details.target）。

如果您已經有一個表格，並且想要快速將 Responsive 新增到其中而無需更改其結構，則 inline 樣式會很有用；如果您不希望第一欄的佈局因內距而修改以騰出空間來進行內嵌顯示，則 column 類型會很有用。

請注意，與 Responsive 的所有其他組態選項一樣，此選項是 DataTables 預設選項集的擴充套件。此屬性應在 DataTables 初始化物件中設定。

類型

預設值

• 值： inline

範例

new DataTable('#myTable', {
	responsive: {
		details: {
			type: 'column'
		}
	},
	columnDefs: [
		{
			className: 'dtr-control',
			orderable: false,
			targets: 0
		}
	],
	order: [1, 'asc']
});