We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback


Overview

The React Tree Grid filtering helps view particular or related records, which meet a given filtering criteria. It supports various filter types that include powerful Excel-like filter. The React Tree Grid filter allows users to choose appropriate filter type, define their own custom filtering logic, and customize the filtering UI based on their application needs. Filtering with related parent or child records can be defined.


Hierarchy modes

Allows users to view parent or child records or both relative records along with the filtered records in a Tree Grid component. Helps users to be aware of record’s hierarchy even when filtering.

React Tree Grid filtering with hierarchy modes as parent


React Tree Grid filter rows using Excel-like filter.

Powerful Excel-like filter

The Excel-like filter helps create complex filter criteria for a column by allowing users to select possible filter values from a check box list. Additionally, users can build complex filter criteria using advanced filter option.


Custom filter/extensible filter UI

Filter UI and logic for a column will be applied based on the column type. It is also possible for the users to define their own custom filter UI and filtering logic for a column to suit their application needs.

React Tree Grid customized filter UI.


React Tree Grid search data.

Search Tree Grid rows using the built-in search box in the toolbar or programmatically through an external button. Using built-in settings, search behavior can be customized. Different search modes are available to search and display rows along with the parent or child rows or with both parent and child rows.


85+ REACT UI COMPONENTS

Scroll up icon