{hero}

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

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

Related

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