# CSS for Sticky Headers on a Data Grid component

**URL:** <https://community.glideapps.com/t/css-for-sticky-headers-on-a-data-grid-component/86078>\
**Category:** Ask for Help\
**Created:** [January 20, 2026, 2:10pm UTC](https://community.glideapps.com/t/css-for-sticky-headers-on-a-data-grid-component/86078 "2026-01-20T14:10:30Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![MattGlides](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@MattGlides](https://community.glideapps.com/u/MattGlides)\
**Post date:** [January 20, 2026, 2:10pm UTC](https://community.glideapps.com/t/css-for-sticky-headers-on-a-data-grid-component/86078/1 "2026-01-20T14:10:30Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [January 20, 2026, 3:23pm UTC](https://community.glideapps.com/t/css-for-sticky-headers-on-a-data-grid-component/86078/2 "2026-01-20T15:23:27Z")

</div>

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](https://community.glideapps.com/t/css-to-get-headers-to-stick-at-the-top-in-a-data-grid/85374/4):
>
> 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…

---

<div class="post-metadata">

**Author:** ![MattGlides](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@MattGlides](https://community.glideapps.com/u/MattGlides)\
**Post date:** [January 20, 2026, 3:36pm UTC](https://community.glideapps.com/t/css-for-sticky-headers-on-a-data-grid-component/86078/3 "2026-01-20T15:36:33Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [January 27, 2026, 3:36pm UTC](https://community.glideapps.com/t/css-for-sticky-headers-on-a-data-grid-component/86078/4 "2026-01-27T15:36:40Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.