New to Kendo UI for jQuery? Download free 30-day trial


The TreeList component comes with built-in filtering that enables you to display only the rows that match specific search criteria.

To enable filtering in TreeList, use the filterable property.

Header Row Filtering

To enable the filter row functionallity, set its filtering mode to row. As a result, the filter row will appear in the header of the TreeList. Based on the data type of the underlying column data, the TreeList will render textboxes for string values, numeric inputs, or date pickers in the column headers for filtering. You can also specify a default filter operator that will be applied when the user enters a value in the filter textbox and presses Enter or Tab from the keyboard. To handle this scenario, set cell to operator for the corresponding column. For a runnable example, refer to the filter-row demo of the TreeList.

See Also

In this article