Example of Taskbar Template in React Gantt Component


This sample visualizes the complete event schedule of the 90th Academy awards. Taskbars are customized using template support and timeline header is customized for a better view of the data.

More Details...


The Gantt chart provides support for customizing taskbar UI using taskbar template feature. The taskbarTemplate property accepts either string or HTML element`s ID value, which will be used as the template for the taskbars. The summary tasks and the milestone items can also customized using the parentTaskbarTemplate and milestoneTemplate properties. In this demo, we have customized the taskbar UI to display the data from custom columns and the taskbarTemplate is assigned with the ID of a SCRIPT element whose content is used as the template.

Gantt component features are segregated into individual feature-wise modules. To use markers, inject the DayMarkers module. To use a selection, inject the Selection module.