This sample demonstrates the default functionalities of the column menu. Click on the menu icon of each column to open the column menu.
Gantt has an option to show column menu while clicking the menu 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 menu items are:
SortAscending - Sorts the current column in ascending order.SortDescending - Sorts the current column in descending order.AutoFit - Auto-fits the current column.AutoFitAll - Auto-fits all columns.ColumnChooser - Toogles the visibility of columns.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.
Gantt component features are segregated into individual feature-wise modules. To use Column Menu, selection, filter, resize and sort features, we need to inject the ColumnMenu, Selection, Resize, Filter, and Sort into the Inject Services section.
More information on the Essential® React Gantt Chart can be found in this documentation section.