searchPanes.panes.className

Add a custom class for a custom pane.
Please note - this property requires the SearchPanes extension for DataTables.

Description

By setting a class name, specific panes can be targeted for custom styling.

Custom Panes can have custom classes applied in a similar way to how columns.searchPanes.dtOpts are applied to panes. You can declare the searchPanes.panes.className option within an object of the panes array, this will apply the custom class to that pane.

Type

Default

• Value: undefined

The default value for the searchPanes.className option is undefined as the standard should be without any custom classes.

Example

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'
					}
				]
			}
		}
	}
});

Related

The following options are directly related and may also be useful in your application development.