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.