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 specfied 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 columns.freeze property. Injecting Module: Gantt component features are provided as feature-wise modules. To use column freezing, toolbar, edit features, inject the Freeze, Toolbar and Edit modules using the Gantt.Inject(Freeze), Gantt.Inject(Toolbar) and Gantt.Inject(Edit)methods. More information on the Essential® JS2 Gantt Chart can be found in this frozen column documentation section. Looking for the full JavaScript Gantt Chart component overview, features, pricing, and documentation? Visit the JavaScript Gantt Chart page.