Freeze header rows only

[Remy]

Dear Syncfusion Team,

I am creating a grid using Syncfusion's Grid Component. Reading the docs and the API, I understand I can freeze columns and rows of the grid from many different ways. I successfully froze the first 4 columns of the grid. However it seems as though the Freeze service only applies to the grid and not the headers. How would I go about freezing only the first 2 rows for my grid (which both consist of a stacked headers)? I read somewhere that I would have to remove the header-related classes from the rows in question in order for this to work. Is that really the only way? If so, how exactly would I go about to achieve this requirement?

Please refer to the following StackBlitz project :

https://stackblitz.com/edit/angular-ivy-s1yhzx

Regards,

Remy

[Rajapandi Ravi]

Hi Remy, 

Greetings from syncfusion support 

From validating your query, we could see that you like to freeze the header in Grid. By default, the Grid behavior does not support freeze the header position. If the header is set to fixed position it might cause content misalignment based on the current architecture so this is not supported with the Grid. 

Regards, 

Rajapandi R