Columns wrong alignment , table header and data improper alignment

Columns wrong alignment , table header and data improper alignment

Satinder_singhSatinder_singh Posts: 1Questions: 0Answers: 0
edited June 2013 in DataTables 1.9
Hi, here Jsfiddle
http://jsfiddle.net/AvdjR/1/
I tried
[code]"sScrollX": "100%",
"bScrollCollapse": true[/code]

but still the column and data are not in proper alignment.
checked in both firefox and chrome

Replies

  • allanallan Posts: 63,383Questions: 1Answers: 10,449 Site admin
    You've got `border-collapse:collapse;` set for the table. Remove it or make it `separate` and it will work fine.

    The collapse setting makes the cell width calculations simply impossible (take a look at the header cells in the header table and the body table - you see that they have identical widths assigned). The different content in the two tables causes the browser to slight the columns differently, even although they have identical widths assigned to them.

    To get a border collapse effect, just use border-left etc.

    Allan
This discussion has been closed.