DevExtreme jQuery - PivotGridDataSource - fields.headerFilter

Configures the field's header filter.

Type:

Object

JavaScript
  • $(function() {
  • var pivotGridDataSource = new DevExpress.data.PivotGridDataSource({
  • // ...
  • fields: [{
  • // ...
  • allowFiltering: true,
  • headerFilter: {
  • search: {
  • enabled: true,
  • // ...
  • }
  • }
  • }]
  • });
  •  
  • $("#pivotGridContainer").dxPivotGrid({
  • dataSource: pivotGridDataSource
  • });
  • });
See Also

allowSearch Deprecated

Use search.enabled instead.

Specifies whether searching is enabled in the header filter.

Type:

Boolean

Default Value: undefined

allowSelectAll

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

Type:

Boolean

Default Value: true

height

Specifies the height of the popup menu containing filtering values.

Type:

Number

Default Value: undefined

search

Configures the header filter's search functionality.

JavaScript
  • $(function() {
  • var pivotGridDataSource = new DevExpress.data.PivotGridDataSource({
  • // ...
  • fields: [{
  • // ...
  • headerFilter: {
  • // ...
  • search: {
  • editorOptions: {
  • placeholder: 'Search value',
  • mode: 'text'
  • },
  • enabled: true,
  • timeout: 600,
  • mode: 'equals'
  • }
  • }
  • }]
  • });
  •  
  • $("#pivotGridContainer").dxPivotGrid({
  • dataSource: pivotGridDataSource
  • });
  • });

width

Specifies the width of the popup menu containing filtering values.

Type:

Number

Default Value: undefined