searchPanes
A single button that displays the SearchPanes container in a popover.
Please note - this property requires the SearchPanes extension for DataTables.
Description
This button type creates a popover that contains the SearchPanes container. This allows SearchPanes to be used without it taking up extra space in the dom.
Options
This button can have the following options set in its configuration object to customise its actions and display, in addition to those options which are available for all buttons (e.g. buttons.buttons.text
):
Name | Type | Default |
---|---|---|
action | ||
The action function for the SearchPanes button displays the SearchPanes container to the user in a popover. | ||
config | {} | |
This option allows for SearchPanes to be configured as it would in a normal initialisation. All of the | ||
init | ||
For the SearchPanes button the init function sets up SearchPanes so that it is ready to be used immediately when the user presses the button. | ||
text | Search Panes | |
This options allows the text within the button to be configured. This can also be configured with the |
Examples
Basic SearchPanes button initialisation:
$('#myTable').DataTable( {
buttons: [
'searchPanes'
],
} );
SearchPanes configuration using a button:
new $.fn.dataTable.Buttons( table, {
buttons: [
{
extend: 'searchPanes',
config: {
cascadePanes: true
}
}
],
} );