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

Grid - Custom Filter Menu

The Product Name, Size and Sell Start Date columns use custom filters, the other columns use the built-in filters.
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
  • Custom-filter-menu.razor
  • ProductService.cs
  • ProductBindingModel.cs
Loading the demo source code...please wait.


The Telerik Blazor Grid provides a customizable filter menu template so you can choose your own experience and logic per column, in case you want to modify the built-in capabilities.

Support & Learning Resources

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