Columns are not aligned on Safari

juliano

I'm using DataTables 1.9.4 and it's column positioning is not working good on Safari. The width of the columns on header is not the same as in the data rows.

Did you have this problem of poor aligned columns? Did you have fixed it?

allan

Can you please link to a test case: http://datatables.net/forums/discussion/12899/post-test-cases-when-asking-for-help-please-read

juliano

Here it is: http://jsfiddle.net/julianonunes/Qa6y2/7/embedded/result/

If I change the code to use fixed data in the HTML, everything works, but if I use dynamic loading, fails.

allan

Thanks.

Remove sScrollXInner (it should never be used - I made a mistake putting it into my demo!).

Then add:

[code]

td, th {
white-space: nowrap;
}
table {
border-collapse: separate;
}
[/code]

to your CSS. The first to stop the text collapsing to multiple rows and the second to address some small column alignment ( `collapse` makes it simply impossible to align the tables fully).

Allan