Grid header overlaps with grid data

In mobile view, when scrolling the grid up, the data gets overlapped with the header cells as seen in the picture. Is this expected in iOS ?

Would you happen to have applied a background color to the Grid header by any chance? It looks gray, and semi-transparent, and that makes the body rows show thru when scrolling down. Not sure why that would happen specifically in mobile viewports though…

In the desktop view there were not that many columns but when I added that many I see the same issue

so it is because of the transparent background color ?

The transparent background color is the problem

yes. The Grid’s body scrolls up behind the header, so if the header is transparent it will show through.