New to Telerik UI for ASP.NET Core? Download free 30-day trial
ASP.NET Core TreeList Filter Row
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
Also available for:
CLIENT-SIDE API SERVER-SIDE APIDescription
This demo illustrates how to enable filter row in the Telerik TreeList for ASP.NET Core component . In the header set the filterable mode of the TreeList 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, a default filter operator could be specified and applied when the user enters a 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.