{hero}

searchPanes.panes.options.className

Since: SearchPanes 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:

$(document).ready(function() {
	$('#example').DataTable({
		searchPanes: {
			panes: [
				{
					options: [
						{
							label: 'Accountants in Tokyo',
							value: function(rowData, rowIdx) {
								return rowData[2] === 'Accountant' && rowData[3] === 'Tokyo';
							},
							className: 'tokyo
						}
					]
				}
			]
		},
		dom: 'Plfrtip'
	});
});

Related

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