DevExtreme v23.1 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Your search did not match any results.

Filter Row

The DevExtreme JavaScript Gantt component allows users to filter columns by filter row values. To display the filter row, set the filterRow.visible property to true.

To apply filter criteria to a column, enter or select a value for the filter row cell or specify the filterValue property (for the appropriate column) in code.

Underlying dataType defines editor types used within filter row cells:

dataType Editor
"string", "number", "object" Text box
"boolean" Drop-down list
"date" Date picker
"datetime" Date and time picker

The Gantt supports a predefined set of filter operations for each data type. Click a cell’s magnifier icon to select the desired filter operation (selectedFilterOperation).

To disable the filter row cell for a specific column, set the column’s allowFiltering property to false.

Thank you for your interest in our ASP.NET MVC product libraries and UI component suite. We are moving ASP.NET MVC-related demos and content to Please make sure to update your bookmarks with our new URL.

View Demo