How to create a Datatable that is 100% the height of its container?

kolban

I am using CSS flex-box that has two sections in a vertical arrangement (one above the other). In the top one, I want a Datatable that fills the vertical space. In the lower there is some fixed content. Using flex-box, I can say that the upper-box (a

<

div> container) will resize its height as the page size changes. I achieve this by using "flex-grow". What normally happens in this situation is that the flex-box container changes the CSS height of its child items.

When I place a Datatable as a child in the upper box, the height of the table doesn't change. Is there a recipe for making a Datatable 100% of its available container space?

allan

See this blog post.

Allan

kolban

Fantastic ... thank you Allan.