# How to Sticky Columns in Data Grid with CSS

**URL:** <https://community.glideapps.com/t/how-to-sticky-columns-in-data-grid-with-css/77771>\
**Category:** Ask for Help\
**Tags:** custom-css\
**Created:** [November 9, 2024, 2:26am UTC](https://community.glideapps.com/t/how-to-sticky-columns-in-data-grid-with-css/77771 "2024-11-09T02:26:15Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![l3oy8231](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l3oy8231/32/32303_2.png) [@l3oy8231](https://community.glideapps.com/u/l3oy8231)\
**Post date:** [November 9, 2024, 2:26am UTC](https://community.glideapps.com/t/how-to-sticky-columns-in-data-grid-with-css/77771/1 "2024-11-09T02:26:15Z")

</div>

How to Sticky Columns in Data Grid with CSS

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/e/ce38d6e10c3b30a8bf8da05a8b9e25e5de0d45dc.png)

I want to stcky columns 1 to 4 so they stay in place and do not move when scrolling horizontally. Please guide me on how to achieve this.

Thank you very much krub 🙏

---

<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:** [November 9, 2024, 3:59am UTC](https://community.glideapps.com/t/how-to-sticky-columns-in-data-grid-with-css/77771/2 "2024-11-09T03:59:44Z")

</div>

Not sure if we can do multiple columns, but here’s how to do it with the first column, and with the new table component (not data grid).

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