27
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

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




You can try using this custom CSS class.

Assign it to the table


Hope this helps

overflow-x: auto

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

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




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.