Vue Gantt - filterRow

Configures filter row settings.

Selector: DxFilterRow

View Demo

Users can enter a value into the filter row to filter Gantt data. Set the filterRow.visible property to true to display the filter row.

DevExtreme Gantt - Filter Row

Each cell in the filter row contains a magnifier icon. Click a column's magnifier icon to select a filter operation available for the column. Use the selectedFilterOperation property to specify the default filter operation for a column's filter row.

DevExtreme Gantt - Filter Row

To hide a filter row cell for an individual column, set the column’s allowFiltering property to false.

betweenEndText

Specifies the null text for the editor that sets the end of a range for the "between" filter operation.

Selector: between-end-text
Type:

String

Default Value: 'End'

betweenStartText

Specifies the null text for the editor that sets the start of a range for the "between" filter operation.

Selector: between-start-text
Type:

String

Default Value: 'Start'

operationDescriptions

Specifies descriptions for filter operations in the filter list.

Selector: DxOperationDescriptions

resetOperationText

Specifies text for the "reset" operation.

Selector: reset-operation-text
Type:

String

Default Value: 'Reset'

The "reset" operation restores the default filter, which depends on a column's data type. Use the column.selectedFilterOperation property to specify the default filter operation for a column's filter row.

showAllText

Specifies text for the "All" filter operation.

Selector: show-all-text
Type:

String

Default Value: '(All)'

showOperationChooser

Specifies whether to display filter icons.

Selector: show-operation-chooser
Type:

Boolean

Default Value: true

NOTE
If a column does not display a filter icon, specify the column's dataType and ensure that the column's allowFiltering property is set to true.

visible

Specifies whether the filter row is visible.

Type:

Boolean

Default Value: false