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.