>>>>>>I updated the fiddle and you can see now that the header and footer are not aligned although the columns seem to be aligned regardless on content. In my case I have more columns and all seems to be not aligned properly.
>>>>>>
>>>>>>
http://jsfiddle.net/5KJka/881/>>>>>
>>>>>It's because the scroll bar reduces the width of tbody. One possible solution:
http://jsfiddle.net/hashem/CrSpu/555/>>>>
>>>>Nice, but what about the footer? I tried myself, but I am not good at it
>>>>
>>>>
http://jsfiddle.net/CrSpu/2729/>>>
>>>Add the footer in the same way as previously and repeat as for the thead:
$table.find('tfoot tr').children().each(function(i, v) {
>>> $(v).width(colWidth[i]);
>>> });
>>
>>I believe it's exactly what I've done in this new fiddle and it's not working. Unless I put the code in the wrong place? Can you check my new fiddle, please?
>
>
>Unbelievable
What do you mean? Did you try my new fiddle and see the problem with it?
If it's not broken, fix it until it is.
My Blog