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

[ying0820]

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: http://jsbin.com/rizome/1/edit?html,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: http://jsbin.com/qabaton/edit?html,output

Thank you so much in advance!

[former_member233511 · Accepted solution]

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:

http://jsbin.com/mixopugebe/edit?html,css,output

[ying0820 · Accepted solution]

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?

[former_member233511 · Accepted solution]

Hello again! Updated version:

http://jsbin.com/pexazopito/edit?html,css,output

[ying0820 · Accepted solution]

Hi Efim,

Thank you very much! Now it works well 😛