{hero}

searchPanes.panes.dtOpts

自:SearchPanes 1.0.0 版本起

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

描述

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

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

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

所有窗格都可以使用 searchPanes.dtOpts 選項進行修改。

類型

物件

描述

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

預設值

  • 值:undefined

columns.searchPanes.dtOpts 參數的預設值為 undefined。當此預設值生效時,將應用 SearchPanes 的預設值。

範例

定義自訂窗格 DataTables 選項

new DataTable('#myTable', {
	layout: {
		top1: {
			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']]
						}
					}
				]
			}
		}
	}
});

相關

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