Hello,

I’ve run into a reproducible issue with the Blazor Grid in Adaptive mode. After the grid adapts to a smaller container and then the container is expanded again, the data rows scroll while the header remains fixed, so the header and data become detached.

I’m attaching three screenshots that show the sequence:

1. 01.png — Grid in normal (non-adaptive) state.
2. 02.png — After shrinking the container until the grid switches to Adaptive.
3. 03.png — After expanding the container again; scrolling the grid shows the header no longer tracks with the data.

Steps to reproduce

1. Open the REPL I’m providing: [REPL link here].
2. Shrink the container (e.g., resize the pane/window) until the grid switches to Adaptive mode.
3. Expand the container back to a larger width so the grid returns to its standard table view.
4. Scroll the grid using the scrollbar/slider: the body content scrolls, but the header stays static and is no longer aligned with the data.

Expected behavior

Header and data remain synchronized—when the grid is scrolled horizontally/vertically, both header and rows should scroll together.

Actual behavior

After returning from Adaptive to the standard layout, the header does not move with the rows when scrolling; it appears “detached”.

Notes

• I did not add any custom CSS related to header/body layout in the demo.
• I haven’t identified a reliable workaround yet.

Please let me know if this is a known issue, if there’s a fix/workaround, or if you need any additional details.

REPL: https://blazorrepl.telerik.com/cfkXlLFd30pGcc6i09?_gl=1*4qgvh1*_gcl_au*OTEyODU4MzMuMTc1NzU3NDk1Ng..*_ga*MTc1OTQ2OTkzNy4xNzU3NTc0ODY4*_ga_9JSNBCSF54*czE3NTk5OTkxMjgkbzEwJGcxJHQxNzYwMDAxNTkwJGo1MyRsMCRoMA..