Datatable colums won't align

joost97

Hello,

I'm trying to align my Datatable header, body and footer, because they just wont align properly. Only if I select a sort option everything gets aligned.

Table:

<

table id="userHours" class="table table-striped table-bordered nowrap">

javascript:
var table = $('#userHours').DataTable( {
scrollX: true,
scrollY: true,
scrollCollapse: true,
autoWidth: true,
paging: false,
"info": false,
fixedColumns: {
leftColumns: 1
},
buttons: [ 'copy', 'excel',
{
extend: 'pdf',
orientation: 'landscape',
footer: true,
pageSize: 'A3'
}, 'print' ],
"order": [[0,"asc"]]
} );

These are my table settings. Furthermore it's a table with bootstrap 3 and first column fixed.

If anyone knows the solution than please tell me, because it's driving me crazy.

Greetings,

Joost