{hero}

searchPanes

Since: SearchPanes 1.0.0

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):

Examples

Basic SearchPanes button initialisation:

new DataTable('#myTable', {
	layout: {
		topStart: {
			buttons: ['searchPanes']
		}
	}
});

SearchPanes configuration using a button:

new DataTable('#myTable', {
	layout: {
		topStart: {
			buttons: [
				{
					extend: 'searchPanes',
					config: {
						cascadePanes: true
					}
				}
			]
		}
	}
});

Initialise SearchPanes during the table initialisation:

new DataTable('#myTable', {
	layout: {
		topStart: {
			buttons: [
				{
					extend: 'searchPanes',
					config: {
						delayInit: false
					}
				}
			]
		}
	}
});