10
Views
2
Comments
how to make layout scrollable both horizontally and vertically
Question

Hello everyone

Let me ask some questions and let me know the solutions.

I have a huge table with many column and many records.

so I want to create layout with scrollable both horizontally and vertically.

How can I achieve this.

I hope someone know the solution Please help me.

Regards

mvp_badge
MVP
Rank: #18

Hi May Zin Linn,

If you have a large number of records, I strongly advise you to use pagination (check here for Traditional Web, and here for Reactive Web/Mobile apps) instead of vertical scrolling.

In general, I'd also advise against horizontal scrolling, as that is usually not a good user experience, but if it cannot be avoided please check this post for the standard approach used for horizontal scrolling. Apparently some issues with OutSystems UI Web lead to a slight modification described in this other post (a similar approach for vertical scrolling can also be used).

Hope this helps!

Rank: #692

Hi May,

I suggest to enclose your table inside the container and use below CSS to in the style section of the container.

overflow:scroll;

Hope this will help you

Regards,

Vipasha