This sample demonstrates column freezing in the Gantt Chart. Use the drop down options to freeze columns on the left, right, or as fixed columns, keeping important information visible during horizontal scrolling.
The freezing feature allows users to freeze specified number of columns while scrolling the remaining content.
The freezing behavior can be configured using the frozenColumns property.
Additionally, to keep specific columns visible during horizontal scrolling, use the column.freeze property on the relevant columns to freeze them to the Left, Right or Fixed.
In this example, the Task ID and Task Name columns are frozen on the left, and the Assignee column is frozen on the right using the column.freeze property.
Gantt component features are segregated into individual feature-wise modules. To use column freezing, selection and toolbar, inject the Freeze, Selection and Toolbar into the Inject Services section.
More information on the Essential® React Gantt Chart can be found in this frozen column documentation section.
Looking for the full React Gantt Chart component overview, features, pricing, and documentation? Visit the React Gantt Chart page.