This sample demonstrates the auto-generated Serial Number column support in the Gantt Chart. The component automatically generates sequential row numbers based on the current visible row order and keeps them updated during operations such as filtering, editing, hierarchy changes, and drag-and-drop actions.
The serial number feature automatically generates sequential row numbers for records displayed in the Gantt Chart. When the enableSerialNumber property is enabled, serial numbers are assigned based on the current visible row order without requiring a dedicated field in the data source. The numbering is automatically updated whenever the row order changes due to actions such as filtering, searching, expand and collapse, indent and outdent, CRUD operations, row drag-and-drop, and data refresh. Injecting Module: Gantt component features are segregated into individual feature-wise modules. To use selection, toolbar, editing, filtering, sorting, row drag-and-drop, and virtualization features, inject the Selection, Toolbar, Edit, Filter, Sort, and RowDD modules using the Gantt.Inject(Selection), Gantt.Inject(Toolbar), Gantt.Inject(Edit), Gantt.Inject(Filter), Gantt.Inject(Sort), and Gantt.Inject(RowDD) methods. More information on the Essential® JS2 Gantt Chart can be found in this serial number columns documentation section. Looking for the full JavaScript Gantt Chart component overview, features, pricing, and documentation? Visit the JavaScript Gantt Chart page.