Columns are not aligned on Safari

Columns are not aligned on Safari

julianojuliano Posts: 9Questions: 0Answers: 0
edited August 2013 in DataTables 1.9
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?

Replies

  • allanallan Posts: 63,381Questions: 1Answers: 10,449 Site admin
    Can you please link to a test case: http://datatables.net/forums/discussion/12899/post-test-cases-when-asking-for-help-please-read
  • julianojuliano Posts: 9Questions: 0Answers: 0
    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.
  • allanallan Posts: 63,381Questions: 1Answers: 10,449 Site admin
    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
This discussion has been closed.