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

Ask us anything How do I?
1

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

2

Hey @abdelmoula_bilel :wave:
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)

1 Like
3

Thank you, that worked!!!

1 Like
4

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

1 Like
5

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