{hero}

searchPanes.order

始於:SearchPanes 1.1.0

設定窗格的順序。
請注意 - 此屬性需要 DataTables 的 SearchPanes 擴充功能。

說明

透過將 searchPanes.order 設定為 SearchPanes 的 columns.searchPanes.name 屬性的陣列,窗格將按照該順序顯示。

預設情況下,columns.searchPanes.name 設定為欄位的標題。如果需要,可以覆寫此設定。這對於混合自訂和自動產生的窗格特別有用。如果設定了 searchPanes.order 屬性,則任何本來會顯示但未在陣列中出現的窗格將完全不會顯示。

類型

字串

說明

透過將 searchPanes.order 設定為 SearchPanes 的 columns.searchPanes.name 屬性的陣列,窗格將按照該順序顯示。

預設情況下,columns.searchPanes.name 設定為欄位的標題,或是自訂窗格的 searchPanes.panes.header 值。如果需要,可以覆寫此設定。

預設值

  • 值:[]

searchPanes.order 參數的預設值為空陣列,允許 SearchPanes 使用預設順序。

範例

設定窗格的順序

new DataTable('#myTable', {
	layout: {
		top1: {
			searchPanes: {
				order: ['Age', 'Office', 'Position']
			}
		}
	}
});

設定窗格的順序,包括自訂名稱

new DataTable('#myTable', {
	columnDefs: [
		{
			searchPanes: {
				name: 'Length of Life'
			},
			targets: [3]
		}
	],
	layout: {
		top1: {
			searchPanes: {
				order: ['Length of Life', 'Office', 'Position']
			}
		}
	}
});

相關

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