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)

 

Cheers,

Tiago Simões 

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

Tiago Simões wrote:

Hi Felipe,

 

Have you tried:


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


(Note that you need to specify the width)

 

Cheers,

Tiago Simões 

Hi Tiago,


I tried this in a popup window but it seems it applies it to the whole popup even though the Scrollable_Wrapper is  (without a handle?) is only applied to the table?

Looks like the popup window is trying to resize to the width of the potentially scollable content.

Any ideas?

Thanks


Keith