# Is it possible to add a horizontal scroll to a datagrid using overflow: scroll?

**URL:** <https://community.weweb.io/t/is-it-possible-to-add-a-horizontal-scroll-to-a-datagrid-using-overflow-scroll/10110>\
**Category:** How do I?\
**Created:** [August 6, 2024, 10:06am UTC](https://community.weweb.io/t/is-it-possible-to-add-a-horizontal-scroll-to-a-datagrid-using-overflow-scroll/10110 "2024-08-06T10:06:30Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![abdelmoula\_bilel](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/abdelmoula_bilel/32/10267_2.png) [@abdelmoula\_bilel](https://community.weweb.io/u/abdelmoula_bilel)\
**Post date:** [August 6, 2024, 10:06am UTC](https://community.weweb.io/t/is-it-possible-to-add-a-horizontal-scroll-to-a-datagrid-using-overflow-scroll/10110/1 "2024-08-06T10:06:30Z")

</div>

Hello,  
I am working with the datagrid element which is really great and so smooth to work with, but there is only one issue which is the responsivenes when it comes to the phone screen.

Using the table i was able to add an overflow scroll and it worked well and the issue was solved But with datagrid i was not able to.

Is there a way to fix this issue ?

Thank you

---

<div class="post-metadata">

**Author:** ![jptrinh](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/jptrinh/32/1493_2.png) [@jptrinh](https://community.weweb.io/u/jptrinh)\
**Post date:** [August 6, 2024, 11:53am UTC](https://community.weweb.io/t/is-it-possible-to-add-a-horizontal-scroll-to-a-datagrid-using-overflow-scroll/10110/2 "2024-08-06T11:53:19Z")

</div>

Hey @abdelmoula_bilel 👋  
You can wrap you DataGrid in a div that will handle the overflow-scroll. You might want to add width constraints to your Datagrid (min/max width depending on the method)

---

<div class="post-metadata">

**Author:** ![abdelmoula\_bilel](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/abdelmoula_bilel/32/10267_2.png) [@abdelmoula\_bilel](https://community.weweb.io/u/abdelmoula_bilel)\
**Post date:** [August 6, 2024, 12:36pm UTC](https://community.weweb.io/t/is-it-possible-to-add-a-horizontal-scroll-to-a-datagrid-using-overflow-scroll/10110/3 "2024-08-06T12:36:26Z")

</div>

Thank you, that worked!!!

---

<div class="post-metadata">

**Author:** ![syedabdullah](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/syedabdullah/32/10817_2.png) [@syedabdullah](https://community.weweb.io/u/syedabdullah)\
**Post date:** [October 16, 2024, 6:22pm UTC](https://community.weweb.io/t/is-it-possible-to-add-a-horizontal-scroll-to-a-datagrid-using-overflow-scroll/10110/4 "2024-10-16T18:22:47Z")

</div>

I tried but it did not work, can you elaborate how to make sure it scrolls to the right when data is too much

---

<div class="post-metadata">

**Author:** ![abdelmoula\_bilel](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/abdelmoula_bilel/32/10267_2.png) [@abdelmoula\_bilel](https://community.weweb.io/u/abdelmoula_bilel)\
**Post date:** [October 17, 2024, 7:09am UTC](https://community.weweb.io/t/is-it-possible-to-add-a-horizontal-scroll-to-a-datagrid-using-overflow-scroll/10110/5 "2024-10-17T07:09:55Z")

</div>

hi @syedabdullah , of course brother, here you go visit this link it is a loom video where i explain step by step how i did it : [Adding Horizontal Scroll to Data Grid Element | Loom](https://www.loom.com/share/0a818ae0ff1042de9473ebfd5f58ba0e?sid=90c78827-ecb7-40b3-a83d-d58d8aa1a7e5)