This sample visualizes how to customize the Gantt taskbar. Taskbars are customized using template support and timeline header is customized for a better view of the data.
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.
The template expression should be provided inside ${...}
interpolation syntax