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

Filter row

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Theme Builder
  • filter_row.cshtml
  • OrderViewModel.cs

Also available for:

API REFERENCE

Description

You can see in this demo how you can enable filter row in the header by setting the grid's Filterable->Mode property to Row:

.Filterable(ftb => ftb.Mode(GridFilterMode.Row))
Therefore, based on the data type of the underlying columns data, the grid will render textboxes for string values, numeric text boxes or date pickers for filtering in the column headers.

Additionally, you can specify a default filter operator to be applied when the user enters some value in the filter textbox and presses Tab or Enter. This can be done using the .Filterable(ftb => ftb.Cell(cell => cell.Operator("contains") attribute of the corresponding column, as shown for the Ship Name and Freight columns.


More about the filterable feature of the Telerik Grid for ASP.NET Core

More about Telerik Grid for ASP.NET Core

Support & Learning Resources