• All Demos
  • Grid SDK
  • Chart SDK
  • Scheduler SDK
  • Gantt SDK
  • Rich Text Editor SDK
  • Diagram SDK
  • File Manager SDK
  • Document SDK
  • PDF Viewer SDK
  • DOCX Editor SDK
  • Spreadsheet Editor SDK
  • Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Filtering in ASP.NET Core Gantt Control

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.

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:

  • 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 record. If the filtered records do not have any child records, then only the filtered records will be displayed.
  • 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.
  • None - Only the filtered records will be displayed.

More information on the Essential® Gantt Chart can be found in this filtering documentation section.


Looking for the full ASP.NET Core Gantt Chart component overview, features, pricing, and documentation? Visit the ASP.NET Core Gantt Chart page.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab