DevExtreme v24.2 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Your search did not match any results.

React Tree List - Using Search Panel

If you want users to search data, display the searchPanel. Set its visible property to true.

The TreeList searches in all columns, regardless of whether they are visible or hidden. To exclude hidden columns from search, enable the searchPanel.searchVisibleColumnsOnly property. You can also exclude any specific column. To do this, set its allowSearch property to false.

To give you the ability to edit code on the fly, the demo uses SystemJS. For this reason, launching the demo takes some time. We strongly recommend that you do not use this approach in real projects.
Backend API

Numeric, date, and Boolean values match only if they are equal to the search query. String values match if they contain the query. Search for strings is case-insensitive.

To specify a search query in code, set the searchPanel.text property or call the searchByText(text) method.