Styling Tables

Width for Tables

By default, the table occupies only as much width as required by the content. But we can manually set the width for a table too.

If the specified width is smaller than the content width, the columns will occupy the minimum width required to display the content properly. If the specified width is larger than required, the additional width is added to all the columns proportionately:

Try increading the width to 500px or reducing it to 50px to see what happens.