sScrollX and sScrollXInner column alignments
sScrollX and sScrollXInner column alignments
![leerhop](https://secure.gravatar.com/avatar/5ef3ac75e7537a7dd6b27c08a40867ae/?default=https%3A%2F%2Fvanillicon.com%2F5ef3ac75e7537a7dd6b27c08a40867ae_200.png&rating=g&size=120)
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.