• 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 Default Sorting in ASP.NET Core Gantt Chart Control

This sample demonstrates the sorting feature in the Gantt Chart. To sort multiple columns, hold the CTRL key and click the desired column headers.

DEMO
SOURCE

The Gantt Chart supports both single-column and multi-column sorting, allowing task data to be arranged in ascending or descending order. Sorting can be enabled by setting the allowSorting to true.

To sort a column, click its header. Repeated clicks toggle the sort direction between ascending and descending order. Sort indicators in the column header visually represent the current sort direction.

Multi-sorting is enabled by default. To sort by multiple columns, hold the CTRL key and click additional column headers. To remove sorting from a column, hold the SHIFT key and click its header. In this example, initial multi-column sorting is applied using the sortSettings property to sort tasks by Task Name and Task ID in ascending order.

More information on the Essential® Gantt Chart can be found in this sorting 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