New to Telerik UI for Blazor? Download Free 30-day trial

Grid - Filter Menu

Chai 1 Beverages 18.00 39 False
Chang 2 Beverages 19.00 17 False
Aniseed Syrup 3 Condiments 10.00 13 False
Chef Anton's Cajun Seasoning 4 Condiments 22.00 53 False
Chef Anton's Gumbo Mix 5 Condiments 21.35 0 True
Grandma's Boysenberry Spread 6 Condiments 25.00 120 False
Uncle Bob's Organic Dried Pears 7 Produce 30.00 15 False
Northwoods Cranberry Sauce 8 Condiments 40.00 6 False
Mishi Kobe Niku 9 Meat/Poultry 97.00 29 True
Ikura 10 Seafood 31.00 31 False
  • Filter-menu.razor
  • ProductService.cs
  • ProductDto.cs
Loading the demo source code...please wait.


Filtering is one of the core functionalities of the Telerik Grid for Blazor. The component allows you to choose from three distinct filtering modes:
  • FilterRow
  • FilterMenu
  • FilterCheckBoxList
This demo showcases the capabilities of the FilterMenu. When set to this filtering mode the component will render a button in the column header that you click to get a popup with filtering options. The popup lets you choose the filter operator, filter criteria, to apply, and to clear the filter. The filter will be applied once the Filter button is clicked.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.