How to stretch a component to fit inside parent without overflow?

I am designing a card game for a mobile app where the table needs to stretch to fit all available width in the parent on all screen sizes without overflowing. See the code here:

http://ift.tt/1D40KWE

Right now it adjusts to fit within the width perfectly, but doesn't adjust when you resize the height of the window. Maybe there is a way to add a resize event handler to the docked parent (#table-wrapper I think?) so I can adjust the height in javascript or something similar?

Thanks!

How to stretch a component to fit inside parent without overflow?