Column Templates

The Kendo UI for Angular Gantt provides templates for customizing the header and data cells of its TreeList section.

Header Template

You can use the header template to customize the header cell of each column or to format the data displayed by the header cell. For more information on how to define the header template, refer to the HeaderTemplateDirective API documentation.

To style the header cell of the TreeList column, use the headerStyle option. The styles you set through headerStyle are applied to the header cell only.

Cell Template

You can use the cell template to customize the content of the table cells (excluding the header and footer) or to format the data displayed by the table cells. For more information on how to define the cell template, refer to the CellTemplateDirective API documentation.

To style the table cells of the TreeList column, use the style option. The styles you set through style are applied to the table cells only.

Suggested Links

• HeaderTemplateDirective
• CellTemplateDirective
• ColumnComponent
• API Reference of the GanttComponent
• API Index of the Gantt