{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

This option is an alias to searchPanes.panes.options.className, which should be preferred when using DataTables 2+. It can be used to configure SearchPanes regardless of how the panes are inserted into the document (layout or searchPanes).

Please refer to the documentation for searchPanes.panes.options.className for full details of this option.

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'
	},
	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.