Columns wrong alignment , table header and data improper alignment

Satinder_singh

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

allan

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