sScrollX and sScrollXInner column alignments
sScrollX and sScrollXInner column alignments

When setting sScrollX and sScrollXInner on a table with a percentage width, the header row does not re-size with the window. The data cells, or scroll body, does re-size with window and this causes the header row to be misaligned with the data rows.
Test Case: http://live.datatables.net/eqejuh
There have been other similar discussions that I have read thru, but I haven't been able to find a definitive fix.
The closest I could get was adding:
[code]
$(window).resize(function() {
$("#example").fnAdjustColumnSizing(false);
});
[/code]
This somewhat works, but it was not always reliable, especially when I added more columns (the table I am currently working with has a max of 14 columns). It can also be a bit slow when dealing with larger data sets.
Any Ideas?
Test Case: http://live.datatables.net/eqejuh
There have been other similar discussions that I have read thru, but I haven't been able to find a definitive fix.
The closest I could get was adding:
[code]
$(window).resize(function() {
$("#example").fnAdjustColumnSizing(false);
});
[/code]
This somewhat works, but it was not always reliable, especially when I added more columns (the table I am currently working with has a max of 14 columns). It can also be a bit slow when dealing with larger data sets.
Any Ideas?
This discussion has been closed.