{hero}

searchPanes.panes.dtOpts

自:SearchPanes 1.0.0

為自訂窗格定義 DataTables 選項。
請注意 - 此屬性需要 DataTables 的 SearchPanes 擴充功能。

描述

依照標準,SearchPanes 會使用 columns.searchPanes.dtOpts 中定義的選項覆寫由 SearchPanes 程式碼定義的該欄選項。

透過在初始化中覆寫此值,可以像自訂 DataTable 一樣完全自訂窗格。

此功能很有用,因為它允許所有標準 DataTables 選項和 API 方法都可用於窗格。

可以使用 searchPanes.dtOpts 選項來更改所有窗格。

類型

物件

描述

窗格可以像標準 DataTable 一樣進行自訂,因為它也是 DataTables 的一個實例。窗格屬性可以在 dtOpts 物件中定義。

預設值

  • 值:undefined

columns.searchPanes.dtOpts 參數的預設值為 undefined。當此預設值存在時,將套用 SearchPanes 的預設值。

範例

定義自訂窗格 DataTable 選項

new DataTable('#myTable', {
	layout: {
		top1: 'searchPanes'
	},
	searchPanes: {
		panes: [
			{
				header: 'Custom',
				options: [
					{
						label: 'Accountants from Tokyo',
						value: function (rowData, rowIdx) {
							return rowData[1] === 'Accountant' && rowData[2] === 'Tokyo';
						}
					}
				],
				dtOpts: {
					paging: true,
					order: [[1, 'desc']]
				}
			}
		]
	}
});

相關

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