# Column Templates

The [Angular TreeList](https://www.telerik.com/kendo-angular-ui-develop/components/treelist) provides templates for customizing its header, footer, and cells.

## Header Template

You can use the header template to customize the header cell of the TreeList column or to format the data the header cell displays. For more information on how to define the header template, refer to the [`HeaderTemplateDirective`](https://www.telerik.com/kendo-angular-ui-develop/components/treelist/api/headertemplatedirective) API documentation.

> To style the header cell of the TreeList column, use the [`headerStyle`](https://www.telerik.com/kendo-angular-ui-develop/components/treelist/api/columncomponent#headerstyle) option. The styles you set through `headerStyle` are applied to the header cell only.

The following example demonstrates how to use a header template to customize column header cells.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/treelist/columns/templates/header-template/source.txt)

## Cell Template

You can use the cell template to customize the content of the table cells of the TreeList column (excluding the header and footer ones) or to format the data the table cells display. For more information on how to define the cell template, refer to the [`CellTemplateDirective`](https://www.telerik.com/kendo-angular-ui-develop/components/treelist/api/celltemplatedirective) API documentation.

> * To style the table cells of the TreeList column, use the [`style`](https://www.telerik.com/kendo-angular-ui-develop/components/treelist/api/columncomponent#style) option. The styles you set through `style` are applied to the table cells only.
> * For the specifics of exporting the cell template to Excel, refer to the section on [known limitations](https://www.telerik.com/kendo-angular-ui-develop/components/treelist/export/excel-export#known-limitations).

The following example demonstrates how to use a cell template to customize the content of column cells.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/treelist/columns/templates/cell-template/source.txt)

## Footer Template

You can use the footer template to customize footer cell of the TreeList column or to format the data the footer cell displays. For more information on how to define the footer template, refer to the [`FooterlTemplateDirective`](https://www.telerik.com/kendo-angular-ui-develop/components/treelist/api/footertemplatedirective) API documentation.

> To style the footer cell of the column, use the [`footerStyle`](https://www.telerik.com/kendo-angular-ui-develop/components/treelist/api/columncomponent#footerstyle) option. The styles you set through `footerStyle` are applied to the footer cell only.

The following example demonstrates how to use a footer template to customize column footer cells.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/treelist/columns/templates/footer-template/source.txt)

## Edit Template

You can use the edit template to customize the content of the TreeList column cells when in edit mode. For more information on how to define the edit template, refer to the [`EditTemplateDirective`](https://www.telerik.com/kendo-angular-ui-develop/components/treelist/api/edittemplatedirective) API documentation.

## Suggested Links

* [`HeaderTemplateDirective`](https://www.telerik.com/kendo-angular-ui-develop/components/treelist/api/headertemplatedirective)
* [`CellTemplateDirective`](https://www.telerik.com/kendo-angular-ui-develop/components/treelist/api/celltemplatedirective)
* [`FooterTemplateDirective`](https://www.telerik.com/kendo-angular-ui-develop/components/treelist/api/footertemplatedirective)
* [`ColumnComponent`](https://www.telerik.com/kendo-angular-ui-develop/components/treelist/api/columncomponent)
* [API Reference of the `TreeListComponent`](https://www.telerik.com/kendo-angular-ui-develop/components/treelist/api/treelistcomponent)
* [API Index of the `TreeList`](https://www.telerik.com/kendo-angular-ui-develop/components/treelist/api)