This sample demonstrates column resizing in the Gantt Chart. Resize a column by dragging the right edge of its header to adjust the column width.
Columns can be resized interactively by dragging the right edge of a column header. Individual columns can also define minWidth and maxWidth values to restrict resizing within a specified range. To enable resizing, set the allowResizing property to true. In this sample, the Task Name column can be resized between 120 and 300 pixels, while resizing is disabled for the Duration column using the column-level allowResizing property. Injecting Module: Gantt features are segregated into individual feature-wise modules. To use resize feature, inject the Resize module using the Gantt.Inject(Resize) section. More information on the Essential® JS2 Gantt Chart can be found in this column resizing documentation section. Looking for the full JavaScript Gantt Chart component overview, features, pricing, and documentation? Visit the JavaScript Gantt Chart page.