This sample demonstrates column template customization in the Gantt Chart. The Resources column is rendered using a custom template that displays resource images along with their names.
The Gantt Chart supports custom column templates through the template property of a column. Templates enable rich cell rendering with custom HTML content, images, icons, and formatted data. In this example, the Resources column is customized to display resource images together with resource names, providing a more visually informative presentation of assigned resources. Column templates can be used to tailor the appearance of individual cells and create customized layouts based on application requirements. Injecting Module: Gantt component features are segregated into individual feature-wise modules. To use selection, filter, sort, column menu, resize features, inject the Selection, Filter, Sort, ColumnMenu and Resize modules using the Gantt.Inject(Selection), Gantt.Inject(Filter), Gantt.Inject(Sort), Gantt.Inject(ColumnMenu) and Gantt.Inject(Resize) methods. More information on the Essential® JS2 Gantt Chart can be found in this column template documentation section. Looking for the full JavaScript Gantt Chart component overview, features, pricing, and documentation? Visit the JavaScript Gantt Chart page.