Example of Default in Javascript Gantt Chart Control

Default Sorting

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. Injecting Module: Gantt control 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.