Skip to Content (Press Enter)
UserImage.jpg
Bruno Rodrigues
5935Views
6Comments
Scroll on Table Records
Question
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
0
0
17 Oct 2007
Copy Link
2011-08-23 22-04-05
Tiago Simões
Staff
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
2
0
17 Oct 2007
Copy Link
2024-01-05 16-00-17
Filipe Lourenço
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
0
0
19 Oct 2009
Copy Link
2011-08-23 22-04-05
Tiago Simões
Staff

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 

4
0
19 Oct 2009
Copy Link
2014-12-24 13-44-21
Keith Matthews

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 


0
0
04 May 2018
Copy Link
2017-05-09 04-36-24
The Count
What if we want the scroll option on top of the table instead of bottom?
0
0
08 Dec 2014
Copy Link
UserImage.jpg
Sandeep Khare

its also applied on  header but header should constant

0
0
27 Sep 2019
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.