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.
Gantt component features are segregated into individual feature-wise modules. To use Resize and selection features, we need to inject Resize and Selection into the Inject Services section.
More information on the Essential® React Gantt Chart can be found in this columns resizing documentation section.
Looking for the full React Gantt Chart component overview, features, pricing, and documentation? Visit the React Gantt Chart page.