# How to enable horizontal scrolling for the table element?

**URL:** <https://community.weweb.io/t/how-to-enable-horizontal-scrolling-for-the-table-element/9494>\
**Category:** How do I?\
**Tags:** design\
**Created:** [July 2, 2024, 1:22pm UTC](https://community.weweb.io/t/how-to-enable-horizontal-scrolling-for-the-table-element/9494 "2024-07-02T13:22:26Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![jhonatafernandes](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/jhonatafernandes/32/8728_2.png) [@jhonatafernandes](https://community.weweb.io/u/jhonatafernandes)\
**Post date:** [July 2, 2024, 1:22pm UTC](https://community.weweb.io/t/how-to-enable-horizontal-scrolling-for-the-table-element/9494/1 "2024-07-02T13:22:26Z")

</div>

Hello everyone, I would like to know if it is possible to enable horizontal scrolling for the table element so that I can have several columns in the table even if they don’t fit on the screen.

I need this because my table has many columns.

Below is an example of my table.

 ![WhatsApp Image 2024-07-02 at 10.18.09](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/c/c00ff9d23c5f67323dc16cac9517d64537131c6c.jpeg)

---

<div class="post-metadata">

**Author:** ![Miguel](https://avatars.discourse-cdn.com/v4/letter/m/439d5e/32.png) [@Miguel](https://community.weweb.io/u/Miguel)\
**Post date:** [July 2, 2024, 4:34pm UTC](https://community.weweb.io/t/how-to-enable-horizontal-scrolling-for-the-table-element/9494/2 "2024-07-02T16:34:54Z")

</div>

- Have a width set in the Collection List + Header (The width should be larger then the container element if you want to scroll horizontally)
- In the Table element change Overflow to ‘auto’ or add `overflow-x: auto;` to the custom CSS

![Capture](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/c/ca755261e6dd0e463eb47a516679db882a172587.png)

---

<div class="post-metadata">

**Author:** ![jhonatafernandes](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/jhonatafernandes/32/8728_2.png) [@jhonatafernandes](https://community.weweb.io/u/jhonatafernandes)\
**Post date:** [July 2, 2024, 5:02pm UTC](https://community.weweb.io/t/how-to-enable-horizontal-scrolling-for-the-table-element/9494/3 "2024-07-02T17:02:50Z")

</div>

Thank you, Miguel