Hi. I recently ran into an issue with headers being missaligned with the columns below. I have tried most (all?) of the things I have come across on the forum:
table.columns.adjust(); <- no effect
table.DataTable {
width: 100% !important;
} <-- no effect
autoWidth: false, <-- well, column headers get a fixed size, doesn't really solve the problem.
I'm using Ajax to get the data from the server, so in a desperate move, I decided to copy the result set, put it into a variable, removed the ajax call and used data: testdata. This will fix the issue I am having with the column headers, but it's not really a solution to the overall problem with using an Ajax call to load the data.
Have anyone else come across this issue and have any pointers on how to resolve it?
I did setup a live example, but I have yet to setup any Ajax call on it: https://live.datatables.net/yufifiqu/