headerFilter

Configures the header filter feature.

Type: Object

A header filter allows a user to filter values in an individual column by including/excluding them in/from the applied filter. A click on a header filter icon invokes a popup menu with all unique values in the column. By selecting or clearing the selection of values in this menu, the user includes/excludes them in/from the filter.

DevExtreme HTML5 JavaScript jQuery Angular Knockout Widget DataGrid HeaderFilter

To make header filter icons visible, assign true to the headerFilter.visible option. Data in the popup menu can be customized using the headerFilter option of a specific column.

View Demo

See Also

height

Specifies the height of the popup menu that contains values for filtering.

Type: Number
Default Value: 325

texts

Contains options that specify text for various elements of the popup menu.

Type: Object

visible

Indicates whether header filter icons are visible.

Type: Boolean
Default Value: false

width

Specifies the width of the popup menu that contains values for filtering.

Type: Number
Default Value: 252