218
Views
5
Comments
Solved
Scroll bar horizontal in table.
Question

Hello everyone. 

I hope everyone is very wel

My question is: is it possible to add to a table a scroll bar horizontal. ?

For example

2023-02-04 14-30-18
Ayushi sahu
Solution

Hi Erick Narvaez,

One more way to add horizontal scroll bar ,here we can use "Scrollable Area

In Service Studio, in the Toolbox, search for Scrollable Area ..

we can set Orientation to Horizontal ..

for more details please visit official documentation here

https://success.outsystems.com/documentation/11/developing_an_application/design_ui/patterns/using_mobile_and_reactive_patterns/interaction/scrollable_area/


kind regards,

Ayushi Sahu




2025-12-15 09-29-24
Thibaut G

You can try using this custom CSS class.

Assign it to the table


Hope this helps

2021-06-02 20-50-04
Márcio Carvalho

overflow-x: auto

2021-10-01 12-43-46
N_SG

Hello @Erick Narvaez,
You can enclose the table in container , and give class "overflow-horizontal"  in that container.
Refer below screenshot.


Hope It helps!
N_G

2023-02-04 14-30-18
Ayushi sahu
Solution

Hi Erick Narvaez,

One more way to add horizontal scroll bar ,here we can use "Scrollable Area

In Service Studio, in the Toolbox, search for Scrollable Area ..

we can set Orientation to Horizontal ..

for more details please visit official documentation here

https://success.outsystems.com/documentation/11/developing_an_application/design_ui/patterns/using_mobile_and_reactive_patterns/interaction/scrollable_area/


kind regards,

Ayushi Sahu




2021-06-02 20-50-04
Márcio Carvalho

You just need to ask @Erick Narvaez 

And why all the downvotes? Why the best solution was downvoted as well? Are "you" okay?

CC: @Daniel Kuhlmann @Kilian Hekhuis 

Kind Regards,

Márcio

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