Styling Tables

Height for Tables

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.