How to solve the adaptive form?

there is a demand for the product, and there is no good solution after thinking about it, so I turn to you for help. no, no, no.
the requirement is like this: an element (width and height is not fixed, defined according to browser width and height) contains a table that needs to show ten pieces of data. The figure designed is 41 height px of the header 50 height px,td (in this case, the table height is equivalent to the table height is fixed), but in this way, the height of the table will exceed the element height when a user opens it with a small screen browser. Now the design says that the height of the table can not be fixed, but it can not affect the display. Is there any good way to do it?

Mar.04,2021

do not set the height.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1be431a-30421.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1be431a-30421.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?