Bootstrap datatable column width

Question

I am new to Bootstrap and currently modifying a website.

My goal is to add the new column, it is done. But it pushed the last column to wrapped.

The picture below explains my expectation

Thanks

Answer 1

To specify the column widths, Used the code below:

$('#table_id').dataTable( {
  "columnDefs": [
    { "width": "20%", "targets": 0 }
  ]
} );

where #table_id should be replaced with your table ID

To keep View Docket , Wizard and Express not wrapping, Use any inline element like span or i or you can use display: inline; with any element and white-space: nowrap; if required.