CSS for Sticky Headers on a Data Grid component

[MattGlides]

We have a massive subset of data to scroll through when preparing quotes, by the time people start scrolling down they have already forgotten the different headers and have to constantly scroll back up.

Does anyone have any experience with scrolling down and the headers stay at the top of the page, like in Excel?

[Himaladin]

You created a topic identical to the previous one. Are you experiencing any issues with the solution I provided earlier?

CSS to get headers to stick at the top in a Data Grid

Found it! Here’s how to make the data grid header sticky I discovered that the Data Grid actually uses two canvas layers — one for the header and another for the full table. The header canvas sits on top of the main canvas, which means we can take advantage of it to make the header sticky. However, styling remains limited because it’s still a canvas element. The key to making the sticky header work is controlling the container’s min/max height so that scrolling is guaranteed. Here’s the CSS tha…

[MattGlides]

Interesting, works in a diff app but not the one I needed it too. Had a coworker try too, no go. I just copied the grid from the app it worked in, rebuilt the grid, and it works. No change in the CSS under appearance, infact the grids have the identical css class and one works and the other doesn’t.

Experienced a similiar issue with a map last year, I’ll make a note to always try in a separate app in case Thanks!