Since: SearchPanes 1.0.0

Define properties of the DataTables being used as Panes.
Please note - this property requires the SearchPanes extension for DataTables.


As standard, SearchPanes will overwrite the options defined by the SearchPanes code with the options defined in searchPanes.dtOpts. SearchPanes' internal DataTable has layout set to only show the table. As such, if you are added paging or something visual then you must also modify the layout option.

By overwriting this value in the initialisation, the panes can be customised as much as a standard DataTables.

This functionality is useful as it allows all of the standard DataTables options and API Methods to be available to the panes.

Individual panes can be altered by using the columns.searchPanes.dtOpts option.




The panes can be customised in the same way as a standard DataTable, as they are also instances of DataTables. Their properties can be defined within the dtOpts object.


  • Value: undefined

The default value for the searchPanes.dtOpts parameter is undefined. When this default value is in place the defaults for SearchPanes are applied.


Alter searching and info of the Panes::

new DataTable('#myTable', {
	layout: {
		top1: {
			searchPanes: {
				dtOpts: {
					paging: true,
					pagingType: 'numbers',
					searching: false


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