This sample demonstrates the filtering feature in the Gantt Chart. Use the filter options available in the column headers to filter task records, and use the property panel to switch between filter types and hierarchy modes.
The filtering feature enables the user to view a reduced amount of records based on filter criteria. The column
menu filtering can be enabled by setting allowFiltering property as true, and the toolbar
search box can be enabled by including the search item in the toolbar property.
Gantt supports the following filter types. They are:
MenuExcelhierarchyMode property. The following are the types of filter modes available in Gantt Chart:
Parent - This is the default filter hierarchy mode in Gantt Chart. The filtered records are displayed with their parent records. If the filtered records do not have any parent record, then the filtered record alone will be displayed.Child - The filtered records are displayed with their child records. If the filtered records do not have any child record, then only the filtered records are displayed.Both - The filtered records are displayed with both parent and child records. If the filtered records do not have any parent or child record, then only the filtered records are displayed.None - Only the filtered records are displayed.
Gantt component features are segregated into individual feature-wise modules. To use the filtering and selection features, we need to inject the Filter and Selection into the Inject Services section.
More information on the Essential® React Gantt Chart can be found in this filtering documentation section.
Looking for the full React Gantt Chart component overview, features, pricing, and documentation? Visit the React Gantt Chart page.