Skip to Content

How to make the tree table responsive while it's in a object page section

Feb 07 at 08:31 AM


avatar image

Dear all,

I'm new for SAP UI5. Currently I'm working on the tree table. I put it in one of section of object page. Initially, there is only one section (containing a tree table) in the page and I want to make the height of this tree table fulfill the screen.

I've done a little search which said I should use the property "visibleRowCountMode". (You could find the example here:,output)

However, when I added the section container for the tree table, it doesn't work. Could anyone help me with this? Here is the modified version:,output

Thank you so much in advance!

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Best Answer
Efim Parshin Feb 07 at 11:22 AM

Hi! I'will try to help you through css. But it's insanly bad practice.

You can directly manipulate containers with external css file, or you can extend ObjectPageLayout to redefine renderer (long way).

Short, bad practice way through css file:,css,output

Show 3 Share
10 |10000 characters needed characters left characters exceeded

Dear Efim,

Thank you soooooo much for your kind help! I've tried you solution in my project but to find that it doesn't work as expected since there is the header content. For example, you could add this line in above code: opl.addHeaderContent(new sap.m.Text("myText", {text: "hello world"}));

I tried to add css style #myOPLayout-scroll {flex-direction: column;} and it doesn't work either. What do you think of it?


Hi Efim,

Thank you very much! Now it works well :P