# I want the column to be scrollable horizontally (left-right)

**URL:** <https://community.weweb.io/t/i-want-the-column-to-be-scrollable-horizontally-left-right/14701>\
**Category:** Ask us anything\
**Tags:** design, xano\
**Created:** [November 26, 2024, 9:32am UTC](https://community.weweb.io/t/i-want-the-column-to-be-scrollable-horizontally-left-right/14701 "2024-11-26T09:32:03Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tae](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/tae/32/11773_2.png) [@Tae](https://community.weweb.io/u/Tae)\
**Post date:** [November 26, 2024, 9:32am UTC](https://community.weweb.io/t/i-want-the-column-to-be-scrollable-horizontally-left-right/14701/1 "2024-11-26T09:32:03Z")

</div>

I want the column to be scrollable horizontally (left-right) because there is more data than can be displayed on the screen.

Could you please advise me?

 ![ภาพถ่ายหน้าจอ 2567-11-26 เวลา 16.21.43](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/d1f9c46eb88337f2a48eed076a2f954e407f9a0f.jpeg)

---

<div class="post-metadata">

**Author:** ![dingan](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dingan/32/10624_2.png) [@dingan](https://community.weweb.io/u/dingan)\
**Post date:** [November 26, 2024, 7:02pm UTC](https://community.weweb.io/t/i-want-the-column-to-be-scrollable-horizontally-left-right/14701/2 "2024-11-26T19:02:58Z")

</div>

use custom css like this

overflow-x: auto;  
overflow-y: hidden;  
scrollbar-color: #9a9da0 #fff;  
scrollbar-width: thin;

for the table

---

<div class="post-metadata">

**Author:** ![Tae](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/tae/32/11773_2.png) [@Tae](https://community.weweb.io/u/Tae)\
**Post date:** [November 27, 2024, 6:11am UTC](https://community.weweb.io/t/i-want-the-column-to-be-scrollable-horizontally-left-right/14701/3 "2024-11-27T06:11:20Z")

</div>

“Thank you very much. It works great!” 😊