Example of Filtering in ASP.NET Core Gantt Control

This sample visualizes the manned lunar mission, which landed the first human on the Moon using the Apollo 11 spacecraft in the year 1969. It also demonstrates the filtering feature available in the Gantt chart. You can filter a particular column using the filter menu available in the columns. This sample is also enabled with the toolbar searching option to filter the Gantt content across all the columns.

DEMO
SOURCE
Filter Type
Hierarchy Mode

The filtering feature enables the user to view reduced amount of records based on filter criteria. The column menu filtering can be enabled by setting the allowFiltering property as true and toolbar search box can be enabled by including the search item in the toolbar property.

Gantt supports the following filter types. They are

  • Menu
  • Excel
Gantt chart also provides support for a set of filtering modes with hierarchyMode property. The filter modes available in the Gantt chart are as follows.
  1. 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.
  2. Child - The filtered records are displayed with their child record. If the filtered records do not have any child records, then only the filtered records will be displayed.
  3. Both - The filtered records are displayed with both their parent and child records. If the filtered records do not have any parent and child records, then only the filtered records will be displayed.
  4. None - Only the filtered records will be displayed.

Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE