searchBuilder.greyscale

Since: SearchBuilder 1.0.0

Removes the colours from SearchBuilder.
Please note - this property requires the SearchBuilder extension for DataTables.

Description

SearchBuilder colour codes it's select and input elements as default in an effort to make clear which is which to the user. However, this may not always fit the style of a particular application. To "greyscale" SearchBuilder and replace the colours with a grey border without changing the CSS manually, set the searchBuilder.greyscale property to true.

Take a look at this example to see this in action.

Type

boolean

Description:: When true, remove the colours from SearchBuilder.

Default

Value: false

The default value for this option is false meaning that as standard the colours will be applied to SearchBuilder.

Example

Removing the colours from SearchBuilder:

new DataTable('#myTable', {
	layout: {
		top1: {
			searchBuilder: {
				greyscale: true
			}
		}
	}
});