Skip to Content (Press Enter)
2026-03-08 09-11-35
Sheetal
425Views
7Comments
Solved
Reactive web-List Table record height auto.
Question

Hi Team,

How can i set  dynamically auto height on my reactive list table.


Please help me.


0
0
12 Sep 2020
Copy Link
2026-01-15 03-18-59
Vijay Malviya
Solution

Sheetal wrote:

Vijay Malviya wrote:

Hi Sheetal,


List Table height can be achieved by using the CSS or Javascript.


Vijay M-

 

 Hi VIjay,

Any idea to achieve this on JavaScript or css?

 Hi Sheetal,

You can try this:

 Hope this will help you.


Vijay M-

See solution in context
14
0
16 Sep 2020
Copy Link
2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP

Hi Sheeral,

What is it you try to achieve different than the default behaviour of the table? It should by default only have the necessary height to accommodate its rows.

Or did you already add styling on its parent container?

Regards,

Daniel

4
0
12 Sep 2020
Copy Link
2020-07-29 19-08-40
Sanjay Kumar Sahu

Hi Sheetal,


I have 2 questions for you:

1. Do you want to auto increment height of ListTable based on table items increase so that you can display all items on single page?

OR

2. Do you want to restrict height of table so that even if items increases, only limited items display in page?


I would like to suggest you to use Navigation/pagination widget to achieve both the above requirements. 

refer this well explained article for this : https://www.outsystems.com/forums/discussion/37002/how-the-pagination-navigation-widget-works/

If it is not what you want then you have to use custom CSS to change default size of table or table item.


Regards,

Sanjay

0
0
12 Sep 2020
Copy Link
2026-03-08 09-11-35
Sheetal

Sanjay Kumar Sahu wrote:

Hi Sheetal,


I have 2 questions for you:

1. Do you want to auto increment height of ListTable based on table items increase so that you can display all items on single page?

OR

2. Do you want to restrict height of table so that even if items increases, only limited items display in page?


I would like to suggest you to use Navigation/pagination widget to achieve both the above requirements. 

refer this well explained article for this : https://www.outsystems.com/forums/discussion/37002/how-the-pagination-navigation-widget-works/

If it is not what you want then you have to use custom CSS to change default size of table or table item.


Regards,

Sanjay

 Hi Sanjay 

Thanks for reply!

I’m trying to this on css.

 

0
0
16 Sep 2020
Copy Link
2026-01-15 03-18-59
Vijay Malviya

Hi Sheetal,


List Table height can be achieved by using the CSS or Javascript.


Vijay M-

0
0
13 Sep 2020
Copy Link
2026-03-08 09-11-35
Sheetal

Vijay Malviya wrote:

Hi Sheetal,


List Table height can be achieved by using the CSS or Javascript.


Vijay M-

 

 Hi VIjay,

Any idea to achieve this on JavaScript or css?

0
0
16 Sep 2020
Copy Link
2026-01-15 03-18-59
Vijay Malviya
Solution

Sheetal wrote:

Vijay Malviya wrote:

Hi Sheetal,


List Table height can be achieved by using the CSS or Javascript.


Vijay M-

 

 Hi VIjay,

Any idea to achieve this on JavaScript or css?

 Hi Sheetal,

You can try this:

 Hope this will help you.


Vijay M-

14
0
16 Sep 2020
Copy Link
2026-03-08 09-11-35
Sheetal

Vijay Malviya wrote:

Sheetal wrote:

Vijay Malviya wrote:

Hi Sheetal,


List Table height can be achieved by using the CSS or Javascript.


Vijay M-

 

 Hi VIjay,

Any idea to achieve this on JavaScript or css?

 Hi Sheetal,

You can try this:

 Hope this will help you.


Vijay M-

 

Thanks for reply! 

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