Forcing Table to Respect Parent Container Height

I am trying to create a table inside a CSS Grid but it wont respect its parent grid item container. (I have had the same problem if I try to put the table inside a fixed height div). I have been setting the maxHeight of the responsiveScroll element to 'none' as suggested in other issues here, and still no luck. Is there any way to accomplish this?

Ideally I'd have the table's header/footer contained within its parent container, and the rows scroll.

Here's a codesandbox showing the issue and what I've tried:
https://codesandbox.io/s/small-microservice-ukc51?fontsize=14