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) specify 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.
Gantt component features are segregated into individual feature-wise modules. To use a selection, markers and sorting features, we need to inject the Selection, DayMarkers and Sort into the Inject Services section.
More information on the Essential® React Gantt Chart can be found in this documentation section.