Example of Default in React Gantt Component


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

More Details...


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.

Gantt component features are segregated into individual feature-wise modules.To use a selection, inject the Selection module using the Gantt.Inject(Selection) method. To use sort, inject the Sort module using the Gantt.Inject(Sort) method.To use markers, inject the DayMarkers module using the Gantt.Inject(DayMarkers) method.