• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
*Translated by Google Translator.

Example of Default Sorting in ASP.NET MVC Gantt Chart Control

This sample demonstrates the Gantt multi-sorting feature. To sort two or more columns, hold the CTRL key, and click the column header.


The sorting feature enables you to order data in a particular direction. It can be enabled by setting AllowSorting to true.

To sort a Gantt column, click the column header. The icons (ascending) and (descending) specifies the sort direction of a column.

By default, the multi-sorting feature is enabled in Gantt. To sort multiple columns, hold the CTRL key, and then click the column header. To clear sort for a column, hold the SHIFT key, and then click the column header.

In this demo, multiple sorting enabled on load time by assigning multiple columns into SortSettings property.