# Table sticky header

**URL:** <https://community.glideapps.com/t/table-sticky-header/76899>\
**Category:** Feature Requests\
**Created:** [October 8, 2024, 1:29am UTC](https://community.glideapps.com/t/table-sticky-header/76899 "2024-10-08T01:29:54Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![NFNHello](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nfnhello/32/3371_2.png) [@NFNHello](https://community.glideapps.com/u/NFNHello)\
**Post date:** [October 8, 2024, 1:29am UTC](https://community.glideapps.com/t/table-sticky-header/76899/1 "2024-10-08T01:29:55Z")

</div>

I’d like to see a sticky header option to keep the header visible when scrolling down a long list in the table and data grid.

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [October 10, 2024, 11:06am UTC](https://community.glideapps.com/t/table-sticky-header/76899/2 "2024-10-10T11:06:16Z")

</div>

You mind find something in @ThinhDinh’s and Art’s CSS gallery that could help.

---

<div class="post-metadata">

**Author:** ![NFNHello](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nfnhello/32/3371_2.png) [@NFNHello](https://community.glideapps.com/u/NFNHello)\
**Post date:** [October 10, 2024, 2:05pm UTC](https://community.glideapps.com/t/table-sticky-header/76899/3 "2024-10-10T14:05:30Z")

</div>

Yeah, I’ve seen a couple of CSS workarounds. BUT… I came to Glide for no-code!

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [October 10, 2024, 2:09pm UTC](https://community.glideapps.com/t/table-sticky-header/76899/4 "2024-10-10T14:09:04Z")

</div>

I agree with you. I have yet to put CSS in one of my apps and I would very reluctantly do so.

I’m certainly not encouraging you to dabble with CSS, just pointing out that possibly you might solve your issue if you choose to 🙂

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 10, 2024, 11:44pm UTC](https://community.glideapps.com/t/table-sticky-header/76899/5 "2024-10-10T23:44:57Z")

</div>

Voted for this feature myself. I use CSS when native options are not available and I know they would not arrive any time soon. If it’s available, of course I would not use CSS 😅

---

<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:** [October 12, 2024, 3:30am UTC](https://community.glideapps.com/t/table-sticky-header/76899/6 "2024-10-12T03:30:41Z")

</div>

What they are doing is also purely CSS. Hopefully, your wish will come true.  
Meanwhile, the data grid cannot be styled with CSS, which is quite unfortunate.

---

<div class="post-metadata">

**Author:** ![Rob\_Field](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rob_field/32/84139_2.png) [@Rob\_Field](https://community.glideapps.com/u/Rob_Field)\
**Post date:** [October 12, 2024, 7:26am UTC](https://community.glideapps.com/t/table-sticky-header/76899/7 "2024-10-12T07:26:11Z")

</div>

@ThinhDinh Do you have css code to freeze the header row that you could share? 🙏 Would love css that also freezes the first and second column too if you have anything you could share 🙌 …. Many thanks in advance

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 13, 2024, 1:22am UTC](https://community.glideapps.com/t/table-sticky-header/76899/8 "2024-10-13T01:22:07Z")

</div>

> **[CSS Library](https://css-library.glide.page/dl/library/s/8836b3/r/mgeKMRG7Sdyag0k3xTw5cg)**

> **[CSS Library](https://css-library.glide.page/dl/library/s/8836b3/r/piZMlHTITH-Cr.90DaLR7A)**

Please check these.

---

<div class="post-metadata">

**Author:** ![Rob\_Field](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rob_field/32/84139_2.png) [@Rob\_Field](https://community.glideapps.com/u/Rob_Field)\
**Post date:** [January 9, 2025, 12:19pm UTC](https://community.glideapps.com/t/table-sticky-header/76899/9 "2025-01-09T12:19:03Z")

</div>

Thanks so much.

Where do I put this custom css?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [January 9, 2025, 12:42pm UTC](https://community.glideapps.com/t/table-sticky-header/76899/10 "2025-01-09T12:42:27Z")

</div>

> **[Custom CSS | Glide Docs](https://www.glideapps.com/docs/reference/user-experience/css-for-apps)**
>
> Customize the way your app looks with CSS.
