Vue CardView - headerFilter

Configures the header filter.

Selector: DxHeaderFilter
Type:

HeaderFilter

View Demo

allowSearch Deprecated

Use DataGrid search.enabled or TreeList search.enabled instead.

Specifies whether searching is enabled in the header filter.

Selector: allow-search
Type:

Boolean

Default Value: false

allowSelectAll

Specifies whether a "Select All" option is available to users.

Selector: allow-select-all
Type:

Boolean

Default Value: true

height

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

Type:

Number

|

String

Default Value: 325, 315 (Fluent, Material)

search

Configures the header filter's search box.

Selector: DxSearch
Type:

HeaderFilterSearchConfig

searchTimeout Deprecated

Use DataGrid search.timeout or TreeList search.timeout instead.

Specifies a delay in milliseconds between when a user finishes typing in the header filter's search panel, and when the search is executed.

Type:

Number

Default Value: 500

texts

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

Selector: DxTexts
Type:

HeaderFilterTexts

visible

Specifies 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

|

String

Default Value: 252