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

Grid - Filter Row

Configurator

Show Filter Cell Buttons

Filter Debounce Delay

Default filter operator for the `Name` column

1 Chai 10 boxes x 20 bags 18.00 False
2 Chang 24 - 12 oz bottles 19.00 False
3 Aniseed Syrup 12 - 550 ml bottles 10.00 False
4 Chef Anton's Cajun Seasoning 48 - 6 oz jars 22.00 False
5 Chef Anton's Gumbo Mix 36 boxes 21.35 True
6 Grandma's Boysenberry Spread 12 - 8 oz jars 25.00 False
7 Uncle Bob's Organic Dried Pears 12 - 1 lb pkgs. 30.00 False
8 Northwoods Cranberry Sauce 12 - 12 oz jars 40.00 False
9 Mishi Kobe Niku 18 - 500 g pkgs. 97.00 True
10 Ikura 12 - 200 ml jars 31.00 False
  • Filter-row.razor
  • ProductService.cs
  • ProductDto.cs
Loading the demo source code...please wait.

Description

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 FilterRow. When set to this filtering mode the component will render a row below the column headers with UI that you can use to fill in the filter criteria. You can type in the input to execute the default operator as you type, or click a button to choose a different filter operator. You can hide the filter cell buttons through the ShowFilterCellButtons parameter or set a default filter operator using DefaultFilterOperator parameter.

Support & Learning Resources

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