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

Filter row

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
HtmlHelper
TagHelper
Files:
filter_row.cshtml
Filter_RowController.cs
EmployeeDirectoryController.cs
EmployeeDirectoryModel.cs
Filter_Row_TagHelper.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

This demo illustrates how to enable filter row. In the header set the treelist's Filterable->Mode property to Row:

.Filterable(ftb => ftb.Mode('row'))
Therefore, based on the data type of the underlying columns data, the Kendo UI TreeList will render Kendo UI TextBox/es for string values, Kendo UI NumericTextBox/es or Kendo UI DatePicker/s 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") method of the corresponding column. An example could be found in the LastName column.


More about Telerik TreeList for ASP.NET Core

Support & Learning Resources