{" "} This sample demonstrates the way of filtering Tree Grid columns using menu and excel filter UI. In this sample, click the filtering icon from column header to show filter UI for a particular column. You can change the filter type from the properties panel.
The filtering feature enables the user to view the reduced amount of
records based on filter criteria. It can be enabled by setting{" "}
allowFiltering property as true.
Tree Grid supports the following filter types. They are
FilterBar
Menu
Excel
filterSettings->type
Tree Grid provides support for a set of filtering modes with hierarchyMode property. The below are the type of filter mode available in Tree Grid.{" "}
Parent - This is the default filter hierarchy mode in
Tree Grid.The filtered records are displayed with its parent
records, if the filtered records not have any parent record then the
filtered record only displayed.
Child - The filtered records are displayed with its
child record, if the filtered records do not have any child record
then only the filtered records are displayed.
Both - The filtered records are displayed with its both
parent and child record. If the filtered records do not have any
parent and child record then only the filtered records are
displayed.
None - Only the filtered records are displayed.
The Tree Grid now supports improved in and not in filter operators, allowing users to filter multiple values within the same column. When the menu filter is enabled, a Syncfusion DropDownList component with checkboxes appears to select the in or not in operators.
{" "} In this demo, filter menu enabled by default, you can switch to other hierarchy mode of filtering by using dropdown.
Injecting Module:
Tree Grid features are segregated into individual feature-wise
modules. To use filtering feature, we need to inject
Filter module into the services.
More information filter configuration can be found in this documentation section.