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

Grid - Filter Menu

Mountain-100 Silver, 38BK-M82S-38383399.99007/1/2018 12:00:00 AMFalse
Mountain-100 Silver, 42BK-M82S-42423399.99007/1/2018 12:00:00 AMFalse
Mountain-100 Silver, 44BK-M82S-44443399.99007/1/2018 12:00:00 AMFalse
Mountain-100 Silver, 48BK-M82S-48483399.99007/1/2018 12:00:00 AMFalse
Mountain-100 Black, 38BK-M82B-38383374.99007/1/2018 12:00:00 AMFalse
Mountain-100 Black, 42BK-M82B-42423374.99007/1/2018 12:00:00 AMFalse
Mountain-100 Black, 44BK-M82B-44443374.99007/1/2018 12:00:00 AMFalse
Mountain-100 Black, 48BK-M82B-48483374.99007/1/2018 12:00:00 AMFalse
Mountain-200 Silver, 38BK-M68S-38382319.99007/1/2018 12:00:00 AMTrue
Mountain-200 Silver, 42BK-M68S-42422319.99007/1/2018 12:00:00 AMTrue
  • Filter-menu.razor
  • ProductService.cs
  • ProductBindingModel.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 two distinct filtering modes:
  • FilterRow
  • FilterMenu
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.