# Multi-Column Headers

The [Kendo UI for Angular Grid](https://www.telerik.com/kendo-angular-ui/components/grid) supports multi-column headers by using column groups which incorporate inner column structures.

The column groups are declaratively defined through the [`<kendo-grid-column-group>`](https://www.telerik.com/kendo-angular-ui/components/grid/api/columngroupcomponent) tag. Operations like [`resizing`](https://www.telerik.com/kendo-angular-ui/components/grid/columns/resizing) and [`reordering`](https://www.telerik.com/kendo-angular-ui/components/grid/columns/reordering) are supported on each column level, regardless of the chosen multi-header-pattern.

> The `locked` configuration of grouped columns takes precedence over the configuration of child columns.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/grid/configuration/multi-column-headers/source.txt)

## Suggested Links

* [ColumnComponent](https://www.telerik.com/kendo-angular-ui/components/grid/api/columncomponent)
* [ColumnGroupComponent](https://www.telerik.com/kendo-angular-ui/components/grid/api/columngroupcomponent)
* [API Reference of the GridComponent](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent)
* [API Index of the Grid](https://www.telerik.com/kendo-angular-ui/components/grid/api)
