This sample demonstrates the column menu feature in the Gantt Chart. Click the menu icon in a column header to access options such as sorting, filtering, auto-fit, and column visibility.
Gantt has an option to show column menu while clicking multiple icon of each column. The column menu has an integrated option to interact with the features such as sorting, filtering, column chooser, and autoFit. This feature can be enabled by setting showColumnMenu to true. The default items are, SortAscending - Sorts the current column in ascending order. SortDescending - Sorts the current column in descending order. AutoFit - Auto-fit current column. AutoFitAll - Auto-fit all columns. ColumnChooser - Chooses the column visibility. Filter - Filters the current column. In this demo, the column menu feature is enabled by setting showColumnMenu to true with sorting, filtering, column chooser, and autoFit options. Injecting Module: Gantt component features are segregated into individual feature-wise modules. To use column menu feature, inject the ColumnMenu module using the Gantt.Inject(ColumnMenu) method. More information on the Essential® JS2 Gantt Chart can be found in this column menu documentation section. Looking for the full JavaScript Gantt Chart component overview, features, pricing, and documentation? Visit the JavaScript Gantt Chart page.