DevExtreme jQuery - PivotGridDataSource - fields.headerFilter
Configures the field's header filter.
Type:
jQuery
JavaScript
$(function() {
var pivotGridDataSource = new DevExpress.data.PivotGridDataSource({
// ...
fields: [{
// ...
allowFiltering: true,
headerFilter: {
allowSearch: true
}
}]
});
$("#pivotGridContainer").dxPivotGrid({
dataSource: pivotGridDataSource
});
});Angular
TypeScript
HTML
import PivotGridDataSource from "devextreme/ui/pivot_grid/data_source";
import { DxPivotGridModule } from "devextreme-angular";
// ...
export class AppComponent {
pivotGridDataSource: PivotGridDataSource;
constructor() {
this.pivotGridDataSource = new PivotGridDataSource({
// ...
fields: [{
// ...
allowFiltering: true,
headerFilter: {
allowSearch: true
}
}]
});
}
}
@NgModule({
imports: [
// ...
DxPivotGridModule
],
// ...
})
<dx-pivot-grid
[dataSource]="pivotGridDataSource">
</dx-pivot-grid>See Also
- fields[].allowFiltering
- PivotGrid.headerFilter
allowSearch
Specifies whether searching is enabled in the header filter.
Type:
Default Value: undefined
height
Specifies the height of the popup menu containing filtering values.
Type:
Default Value: undefined
width
Specifies the width of the popup menu containing filtering values.
Type:
Default Value: undefined
Feedback