How to dynamically set height of table using flexbox?

Tags: #<Tag:0x00007f8b1cfce668>
#1

Hi again,

I am trying to make the handsontable fill the rest of the page that is not occupied, but instead its height is being set to the height of the window. Is there any way to make it fill it’s parent container without setting a constant px height anywhere?

https://jsfiddle.net/5jq8Lwrg/1/

#2

Hi @eastmanmarcusc

do you mean something like this https://jsfiddle.net/AMBudnik/ydxoewrm/1/?

#3

yes, something like this https://jsfiddle.net/vLke9hjp/1/ but the problem is I am not sure how to set the style in React, even though it works great in the html version. This is because in React, if I don’t set a height attribute on the component, it gets automatically set to the height of the window.

EDIT: this is a better example of my problem https://jsfiddle.net/1x0u3svr/

#4

Those CSS settings are defined for elements outside the Handsontable instance, I cannot help you here. I don’t seem that Handsontable has any impact on that.

#5