Since: SearchPanes 1.0.0

Set the minimum number of unique values needed in a specific column to display that pane.
Please note - this property requires the SearchPanes extension for DataTables.


As standard, SearchPanes will automatically determine which columns should be used for filtering. It does this by calculating the ratio of distinct values in a column to the total number of values within the same column. This ratio is then compared to the value of searchPanes.threshold. If the ratio is less than or equal to this value then the pane will be displayed to the user.

Consider a table with 4 rows and 4 columns. For column 1, each row has a different distinct value. This will give a value of 1 for our ratio and therefore a pane will not be displayed for this column.

Column 2 has one distinct value in rows 1 and 2, and a different distinct value in rows 3 and 4. Our ratio for this column therefore will be 0.5 (2 distinct values to 4 total values) and the pane will be displayed.

Column 3 has one distinct value in rows 1 and 2, and 2 different distinct values in rows 3 and 4. Our ratio for this column is 0.75 (3 distinct values to 4 total values) and the pane will not be displayed.

Column 4 has a single distinct value that is the same across all of the rows. This pane will not be subject to the threshold check as there is only one distinct value in the whole column - it makes no sense to filter on it.

In effect, as the value of the ratio rises towards 1, the more "unique" the data in that column is.

This system can also be applied to columns which have arrays in place. As the total number of options are calculated rather than just using the row count it is still possible to perform an accurate calculation. Say you have a column that uses arrays with 2 rows. Row 1 contains 4 distinct values and row 2 contains 4 values 2 of which are shared with row 1, the remaining 2 are distinct to the set. This means there are a total of 6 distinct options within the column, across the 8 values that are presented giving a ratio of 0.75 (6/8).

Therefore by setting the searchPanes.threshold option to a different decimal value, the point at which the panes are displayed can be altered. This is useful for keeping a clean user interface and only displaying the panes that are likely to provide "useful" filtering.

This columns.searchPanes.threshold option allows the threshold for an individual column to be set rather than a blanket value for all of the columns.

If you want to force specific panes to always be present, or to always be hidden, use the columns.searchPanes.show option. This is a much cleaner way of forcing panes to show/hide.




By setting the columns.searchPanes.threshold option to a decimal number of value less than one and greater than 0 it is possible to alter the point at which the pane for this column is displayed.


  • Value: 0.6

The default value for the searchPanes.threshold parameter is 0.6, this will be the default value for all of the columns unless otherwise specified by either searchPanes.thresold.


Change the threshold of the uniqueness ratio for a specific column:

new DataTable('#myTable', {
	layout: {
		top1: 'searchPanes'
	columnDefs: [
			searchPanes: {
				threshold: 0.99
			targets: [0]


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