Scroll on Table Records

Scroll on Table Records

Dear All,

I'm currently trying to show a table records in my application.
However, since it has lots of data it becomes sudently huge for demonstration.

My intention was, if i could in anyway restrain its size by using a scroll bar...

Any sugestion?

Best Regards
Hi Bruno,

If you want to implement paging you should use the WidgetLibrary solution.
If you really want horizontal scrolling here's how you can acheive what you want:

1 - Menu Edit>Style Sheets> Web Edit Internal Style Sheet

2 - Add a new style
.Scrollable_Wrapper {

overflow-x: hidden;
overflow-y: scroll;
height: 300px;
3 - Add a container in your page and set its style to Scrollable_Wrapper

4 - Put the TableRecords widget inside this container

Hope this helps,

Tiago Simões
Im trying to make different by scrolling x but for some reason i dont know it only works with vertical scroll.Notice that this div is inside another

Hi Felipe,


Have you tried:

.Scrollable_Wrapper {
overflow-x: scroll;
overflow-y: hidden;
width: 400px; }

(Note that you need to specify the width)



Tiago Simões 

What if we want the scroll option on top of the table instead of bottom?