Perspective Table adjust the height of sub view base on the content


As my sub views in table have dynamic height, I’d like table component adjust the height of sub view automatically base on the content.
Now the table component use embedded view default height.
Is there any CSS trick to fix it?

1 Like

I think this is pretty similar, it worked for me but the op of the topic didnt reply to it so idk if it worked for them

1 Like

but the solution you provide, I have to pass the height which is dynamic based on each row. In my example, each row provides an id which in return pass to subview to generate another table.
So base on each id, the number of return rows is not known.

you can set height to auto, you gotta also overwrite min-height tho but just give it something small should do.
or if you have data from the subview that determines the hieght bind ‘height’ to that instead.
you just gotta give it a height and min-height somehow:)

1 Like

Hi, @nader.chinichian.

I too am struggling with the table-table subview height.

I found that if I disable the height setting on the inline properties I could get it to resize.

Subview table height

I don’t know enough CSS tricks to know how to suppress this setting in the designer. I’ve got a further problem in that I was playing around with a subview of the subview. This has me thinking I should use a treeview to make the initial selection.

If you come up with anything then please let us know.

Did you try passing something to the root container of the subview through bindings?

As i suggested here? This should still work for sub sub views i think xd

Yes, I played around with that but couldn’t get it to work. Your screengrab didn’t fill me with confidence as the scrollbars are visible in the subview. Can you add a bit more detail to that answer maybe?

Many thanks!

Yes the scrollbars are visible because i set the height to 25, you can also set it to auto or whatever.
Just be sure the minheight is the smallest you want it to be, as it overrules the height.

the subview params:
thesubview root:

Thanks for that. I won’t get a chance to look at it today.
The problem that most of us are having is with the table-table subviews so I’ll be interested to see if I can get that to work.

1 Like

I’ve had another look. I don’t think it will work when the subview is a table with variable number of rows. (And the rows may have word-wrap so they’re not guaranteed to be the same height.)

This was working for awhile, but I think a few version back the functionality broke. It was done by using a table in the flex subview with a table height set to auto. I got it working at one point, but now I cant seem to replicate it…

Works for me 8.1.14,
i added the data to the params for easy testing…

Do the same as above, make sure the subview table is in a flex view (also bind the height here)
Set the grow of the table to 1
Be sure to turn virtualized false
(i also turned of pager)


Awesome! Thanks, worked great. The virtualized parameter definitely changes the handling of the layout and auto basis.


CSS styling works for me. No need to calculate the height based on rows.

.psc-subview-table-body .ReactVirtualized__Grid{
    height: auto !important;

    min-height: auto !important;