Material-table: maxBodyHeight does not take a percentage

[blackbadgerltd]

Describe the bug
When trying to have a table fit within a flexible area, providing a string of 'x%' makes the table expand to its full height

To Reproduce
Steps to reproduce the behavior:

1. provide a maxbodyheight of say 20% inside a div of fixed size

Expected behavior
Table should render to max height of percentage of parent

Desktop (please complete the following information):

• OS: OSX 1.14
• Browser Chrome, safari
• Version 68

** maybe due to overflowY set to auto?

[mbrn]

Hi @blackbadgerltd ,

Actually this is not a bug. % height could not be applied cause of parent component that is not specified a height.

Trick: You can use maxBodyHeight: '80vh' :)

[rahuldsce]

maxBodyHeight:'calc(100vh - 190px)' try this (190 is for example you can change based on your requirement)