Resizing Layout vertically based on content

I am using a “2U” layout object to present two html tables side-by-side. The table on the left is usually not that long, but the one on the right can be quite lengthy.

Is there a way to configure the layout object to resize in height to accommodate the left panel (perhaps with a maximum setting) and still present scrollbars in the righthand panel if needed?

Here is an example of what it currently looks like. I would like the layout to automatically grow in height so the table in the left panel won’t need any scroll bars: http://pdr3d.reedfax.com/tst/ExVersions.html

Layout doesn’t change its sizes, except the case when it is created by attachLayout() method and attached to resizable component. But in any case it doesn’t adjust its sizes to the sizes of its content.

To change layout size manually you should change width/height of the html container where it is initialized and call setSizes() method:

dhxLayout = new dhtmlXLayoutObject(“layoutContainer”, “2U”);

document.getElementById(“layoutContainer”).style.height = “300px”;
dhxLayout.setSizes();