How can I control the ui material table height automatically?

I am using the Table component available in material-ui in my React JS code with a single row. I have an "Add" icon button for adding desired number of rows. How can I expand and shrink the table height, depending on the number of rows. If the number of rows (excluding header and footer) exceed 20, then I want to put a scroll on the right. How can I handle this?

https://stackoverflow.com/questions/67036936/how-can-i-control-the-ui-material-table-height-automatically April 11, 2021 at 12:51AM