If I have a layout with 3 rows, and the top 2 rows are set with height: “content”, how can I get the 3rd row to expand to fill the remaining height of the container? I don’t want to set explicit heights because I want the first two rows to be flexible for later changes to content.
Hello @kcasarez,
If you don’t specify the height for the row, it will automatically occupy the full remaining space, here is an example with 2 rows with “height:content”, and the 3rd row that takes all remaining space:
https://snippet.dhtmlx.com/ggtpgn4v
Kind regards,
1 Like
Well, how about that. I’d swear it didn’t do that when I was monkeying with it before. Let me see if I can throw a little wrinkle in, though: What if I want to have a minimum height set? For instance, I’d like it to fill the space, but if the space is less than 200px, I want to force it to be longer so it will have a scroll bar? If there’s not a simple way, that’s ok; it may be a situation that will never happen so I might be over-engineering the page.