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
Header Row Filtering
To enable the filter row functionallity, set its filtering
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
Tab from the keyboard. To handle this scenario, set
operator for the corresponding column. For a runnable example, refer to the filter-row demo of the TreeList.