{hero}

searchPanes.panes.className

起始版本:SearchPanes 1.0.0

為自訂窗格新增自訂類別。
請注意 - 這個屬性需要 DataTables 的 SearchPanes 擴充功能。

描述

透過設定類別名稱,可以針對特定的窗格進行自訂樣式設定。

自訂窗格可以應用自訂類別,其方式與將 columns.searchPanes.dtOpts 應用於窗格的方式類似。您可以在窗格陣列的物件中宣告 searchPanes.panes.className 選項,這會將自訂類別應用於該窗格。

類型

字串

描述

根據此字串將自訂類別新增至指定的窗格。

預設值

  • 值:undefined

searchPanes.className 選項的預設值為 undefined,因為標準做法應該是不使用任何自訂類別。

範例

將類別名稱新增至自訂窗格

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';
								}
							}
						],
						className: 'PaneSpecific'
					}
				]
			}
		}
	}
});

相關

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