# Freeze a column on horizontal scroll

**URL:** <https://community.weweb.io/t/freeze-a-column-on-horizontal-scroll/4192>\
**Category:** How do I?\
**Created:** [September 4, 2023, 8:30am UTC](https://community.weweb.io/t/freeze-a-column-on-horizontal-scroll/4192 "2023-09-04T08:30:44Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![mander](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mander/32/4793_2.png) [@mander](https://community.weweb.io/u/mander)\
**Post date:** [September 4, 2023, 8:30am UTC](https://community.weweb.io/t/freeze-a-column-on-horizontal-scroll/4192/1 "2023-09-04T08:30:44Z")

</div>

How do I “freeze” the first column in a datagrid so that it does not scroll horizontally, instead staying fixed in place?

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [September 4, 2023, 4:41pm UTC](https://community.weweb.io/t/freeze-a-column-on-horizontal-scroll/4192/2 "2023-09-04T16:41:07Z")

</div>

Hi @mander 👋

It’s not possible to do this with the data grid at the moment but I’ll pass on the request to the product team so they can explore the idea.

---

<div class="post-metadata">

**Author:** ![mander](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mander/32/4793_2.png) [@mander](https://community.weweb.io/u/mander)\
**Post date:** [September 4, 2023, 5:54pm UTC](https://community.weweb.io/t/freeze-a-column-on-horizontal-scroll/4192/3 "2023-09-04T17:54:34Z")

</div>

Ah, bummer 😕 Appreciate it, thanks!

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [September 4, 2023, 6:31pm UTC](https://community.weweb.io/t/freeze-a-column-on-horizontal-scroll/4192/4 "2023-09-04T18:31:42Z")

</div>

Maybe you could hack this with some custom code, could you share how your datagrid looks like?

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [September 5, 2023, 8:54am UTC](https://community.weweb.io/t/freeze-a-column-on-horizontal-scroll/4192/5 "2023-09-05T08:54:17Z")

</div>

Or if you want to keep it full no-code, you could build your own data grid using the table element with inputs.

In that case, you would be able to freeze the first column: [https://tella.video/mander-data-grid-fw1c](https://tella.video/mander-data-grid-fw1c)

---

<div class="post-metadata">

**Author:** ![mander](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mander/32/4793_2.png) [@mander](https://community.weweb.io/u/mander)\
**Post date:** [September 5, 2023, 9:02am UTC](https://community.weweb.io/t/freeze-a-column-on-horizontal-scroll/4192/6 "2023-09-05T09:02:26Z")

</div>

This seems like the best solution. Really appreciate the video and help @Joyce ! Might be a great topic for a future full length video on building your own datagrid (if one does not exist already).