By default, the table occupies only as much height as required by the content. But we can manually set the
height for a table too.
If the specified height is smaller than the content height, the rows will occupy the minimum height required to display the content properly. On the other hand, if the specified height is larger, the additional height is added to all the rows proportionately:
Try increading the height to
300px or reducing it to
50px to see what happens.