# 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:** 1\
**Showing post:** 2

<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…

---

_[View the full topic](https://community.glideapps.com/t/css-for-sticky-headers-on-a-data-grid-component/86078)._
