Use one of the following classes to manipulate the width of the columns.

Table columns with auto width

Add .w-auto class to the table element to set an auto width to the table column.

The width of the columns will automatically adjust to the content of the column. That means it will always take a minimum width required to present its content.

Table columns with minimal width

Use .th-lg or .th-sm class to set a minimal width of a table column. .th-lg class gives 9 rem of the minimal width of the column and .th-sm class gives 6 rem.

You have to add .th-lg or th.sm class to the <th> element within the <thead>.

Resize the browser window to see the effect.

Table columns with fixed width

Add .table-fixed class to the table element to set a fixed width to the all columns of the table.

A .table-fixed get a table a lot sturdier and more predictable with property/value in place.

When you are use .table-fixed layout of your table is based on the first row.

Table columns with text-nowrap

With class .text-nowrap you can specific how white-space inside an table is handled.

Sequences of white space are preserved. Lines are broken at newline characters, at br, and as necessary to fill line boxes.

If you want use a .text-nowrap you have to use div wrapper with .table-responsive class because your table will be broken on small on small screens.

For example here is table with text-nowrap class: