New to Telerik UI for ASP.NET MVC? Download free 30-day trial

Enabling the Menu and Row Filter Mode in the Grid


Product Telerik UI for ASP.NET MVC Grid
Progress Telerik UI for ASP.NET MVC version Created with the 2022.2.802 version


How can I enable both the row and menu filter modes in the Telerik UI for ASP.NET MVC Grid?


To achieve the desired behavior, change the options of the Grid and enable both the menu and row filter modes by using the setOptions() method.

    .Columns(columns =>
        columns.Bound(p => p.OrderID);
        columns.Bound(p => p.ShipName);
        columns.Bound(p => p.OrderDate);
    .DataSource(dataSource => dataSource
        .Read(read => read.Action("Orders_Read", "Grid"))

        $(document).ready(function () {
            let grid = $("#grid").data("kendoGrid")
            let opt = grid.getOptions();
            opt.filterable = { mode: "row,menu" };

For the complete implementation of the suggested approach, refer to the Telerik REPL example on enabling the menu and row filter modes in the Grid.

More ASP.NET MVC Grid Resources

See Also

In this article