Since: SearchPanes 1.0.0

Define properties of the DataTables being used for an individual pane.
Please note - this property requires the SearchPanes extension for DataTables.


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

This functionality is useful as it allows all of the standard DataTables options and API methods to be available to all of the the panes, either globally or individually.

All of the panes can be altered by using the searchPanes.dtOpts option.




The pane can be customised in the same way as a standard DataTable, as it is also an instance of DataTables. The panes properties can be defined within the columns.searchPanes.dtOpts object.


  • Value: undefined

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


Alter searching and info of the third columns pane:

new DataTable('#myTable', {
	layout: {
		top1: 'searchPanes'
	columnDefs: [
			searchPanes: {
				dtOpts: {
					info: true
			targets: [2]


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