This sample demonstrates dynamic show/hide columns feature of Gantt. Select column name from the properties panel, and then click hide/show to toggle visibility.
|
Column
|
|
|
|
|
|
|
The Gantt Chart provides built-in methods to dynamically control column visibility using the showColumn and hideColumn methods. In this example, select a column from the dropdown list and click the corresponding show or hide button to toggle its visibility. The list of currently hidden columns is displayed in the property panel. Column visibility can also be configured during initial rendering by setting the column's visible property to false. Injecting Module: Gantt component features are segregated into individual feature-wise modules. To use a selection feature, inject the Selection module using the Gantt.Inject(Selection) method. More information on the Essential® JS2 Gantt Chart can be found in this columns documentation section. Looking for the full JavaScript Gantt Chart component overview, features, pricing, and documentation? Visit the JavaScript Gantt Chart page.