{hero}

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, 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 the searchBuilder.greyscale option is false meaning that as standard the colours will be applied to SearchBuilder.

Example

Removing the colours from SearchBuilder:

$('#example').DataTable( {
	searchBuilder: {
		greyscale: true
	},    
	dom: 'Qlfrtip'
});