GridCellsSettings.groupHeader vs. GridCellsSettings.group.groupHeader

Hi, Jie,

The `cells.groupHeader` property can be used along with the `cells.group.groupHeader` property in order to style separate parts of the group header.

For example, in the below demo, the first part of the group header is green while the other part is lightgreen. `cells.group.groupHeader` is set to  `MyHeaderCustomCell1` that renders a green background color, while `cells.groupHeader` is set to `MyHeaderCustomCell` that renders a lightgreen background color:

• https://stackblitz.com/edit/react-5smhbq-ek8agp?file=app%2Fmain.jsx

I hope this helps.

Regards,
Wissam
Progress Telerik

Hello, Jie,

I believe that it is enough to have one property for customising the group header. Therefore, I will need to discuss this with the developer responsible for the Grid and I will get back to you when I have more information on this matter.

Currently, I would suggest using the `GridCellsSettings.group.groupHeader` property as it shows correct functionality for the group header customisation.

For more information on using the `group.groupHeader` prop, you can check the following two examples:

• https://www.telerik.com/kendo-react-ui/components/grid/cells/#toc-group
• https://www.telerik.com/kendo-react-ui/components/grid/cells/#toc-locked-groups-and-columns

Please let me know if you have any further questions on this matter.

Regards,
Wissam
Progress Telerik