Headers do not align with columns

cusciproject

https://live.datatables.net/seviqabo/1/edit

Headers do not align with columns when page is resized

kthorngren

Looks like the main problem is you have autoWidth set false. You will probably want to add style="width:100%" to the table tag as shown in this example. Updated test case:
https://live.datatables.net/seviqabo/4/edit

Additional notes:

You have the Bootstrap table-responsive for responsive tables which competes with the scrollX and responsive options you have set. In fact scrollX and responsive compete with each other. You should choose and only use on of the three options so you don't have conflicting or unexpected behavior.

Kevin