searchPanes.panes.options.className
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.