Free Trial Buy
    Your search did not match any results.
    Gantt

    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.

    See more Hide details
    Prev Demo Next Demo

    jQuery

    Angular

    Vue

    React

    ASP.NET Core

    ASP.NET MVC

    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 DevExpress.com. Please make sure to update your bookmarks with our new URL.

    View Demo