# Locked Group Headers The KendoReact Grid allows you to lock the headers of the grouped data and freeze the component columns at the same time when needed. To lock the group headers of the Grid, use its [`lockGroups`](https://www.telerik.com/kendo-react-ui-develop/components/grid/api/gridprops#lockgroups) prop. Setting the [`locked`](https://www.telerik.com/kendo-react-ui-develop/components/grid/api/gridcolumnprops#locked) prop of the desired columns will allow you to freeze them as well, along with the pinned headers. The following example shows how to lock the group headers and the first two columns of a Grid component. [Demo Source](https://demos.telerik.com/kendo-react-ui/grid/locked-group-headers/func/source.txt) ## Suggested Links * [Overview of Grouping](https://www.telerik.com/kendo-react-ui-develop/components/grid/grouping) * [Overview of Data Query](https://www.telerik.com/kendo-react-ui-develop/components/dataquery) * [API Reference of the Grid Component](https://www.telerik.com/kendo-react-ui-develop/components/grid/api/gridprops)