377
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

2019-09-24 18-41-25
Jorge Martins
 
MVP

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!

2023-03-09 07-10-59
Vipasha Sharma

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

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.