columns.searchPanes.className

自：SearchPanes 1.0.0 起

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

描述

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

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

類型

字串

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

預設值

值：undefined

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

範例

在窗格上設定自訂類別

new DataTable('#myTable', {
	layout: {
		top1: 'searchPanes'
	},
	columnDefs: [
		{
			searchPanes: {
				className: 'myCustomClass'
			},
			targets: [3]
		}
	]
});

在自訂窗格上設定自訂類別

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