{hero}

searchPanes.panes

自:SearchPanes 1.0.0 起

定義自訂窗格以篩選所有欄位。
請注意 - 此屬性需要 DataTables 的 SearchPanes 擴充功能。

描述

此選項是 searchPanes.panes 的別名,在使用 DataTables 2+ 時應優先使用。無論窗格如何插入到文件中(layoutsearchPanes),它都可用於配置 SearchPanes。

請參考 searchPanes.panes 的文件,以獲取此選項的完整詳細資訊。

類型

陣列

描述

searchPanes.panes 陣列包含定義每個窗格的物件。每個物件都包含一個 header 屬性,其中保存了窗格的標題。還有一個選項陣列,其格式與 columns.searchPanes.options 相同。也可以在物件中定義 dtOpts 和自訂類別。請參閱 columns.searchPanes.dtOptscolumns.searchPanes.className 以了解這些詳細資訊。

預設值

  • 值:undefined

searchPanes.panes 的預設值為 undefined。如果未定義任何自訂窗格,則不會新增任何窗格。

範例

定義自訂窗格:

new DataTable('#myTable', {
	layout: {
		top1: 'searchPanes'
	},
	searchPanes: {
		panes: [
			{
				header: 'custom',
				options: [
					{
						label: 'Accountants in Tokyo',
						value: function (rowData, rowIdx) {
							return rowData[2] === 'Accountant' && rowData[3] === 'Tokyo';
						}
					}
				]
			}
		]
	}
});

相關

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