searchPanes.panes.options.className

Since: SearchPanes 1.0.0

Add classes to specific options of a custom pane.
Please note - this property requires the SearchPanes extension for DataTables.

Description

As standard, the value of the className is undefined.

Setting searchPanes.panes.options.className to a string value will set the class of the row for the option in the custom pane. This is useful for adding custom styling to specific rows.

Type

string

Description:: The searchPanes.panes.className is the class that will be added to the row for the custom option in the pane.

Default

Value: Undefined

Example

Define custom pane options:

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

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

Options