sScrollX Causing Rendering issues in IE7 and gap between the thead and tbody sections
sScrollX Causing Rendering issues in IE7 and gap between the thead and tbody sections
Cancos
Posts: 6Questions: 0Answers: 0
As mentioned above, I have been working on the example provided on one of the blogs on DataTables ("Pretty Tables"). Upon entering 80+ data fields accompanied with its proper header columns, I start noticing that the header columns and data columns don't align with one another. In addition to this problem, there is a minor gap in between the last row in my and the first row of my sections. This sort of problem doesn't seem to occur on Chrome, although firefox gets displacement issues altogether. All the conflicts point to the option sScrollX FOR SURE, but what is the solution to remedy this issue?
In case you may be wondering how I set up my dataTables plugin, here are the configurations
[code]
/* Initialisation */
$(document).ready(function() {
$('#example').dataTable( {
"sPaginationType": "full_numbers",
'sScrollX':"100%",
'sScrollY':"200px",
'bSort':false
} );
} );
[/code]
I would post a picture to illustrate the issue that I'm facing, but unfortunately the location I am currently at blocks the photobucket site.
Any help is appreciated, thanks in advance! <(o_o<)
In case you may be wondering how I set up my dataTables plugin, here are the configurations
[code]
/* Initialisation */
$(document).ready(function() {
$('#example').dataTable( {
"sPaginationType": "full_numbers",
'sScrollX':"100%",
'sScrollY':"200px",
'bSort':false
} );
} );
[/code]
I would post a picture to illustrate the issue that I'm facing, but unfortunately the location I am currently at blocks the photobucket site.
Any help is appreciated, thanks in advance! <(o_o<)
This discussion has been closed.
Replies
Allan
Chrome: http://i39.photobucket.com/albums/e192/Cancos/GoogleChrome.jpg
Firefox: http://i39.photobucket.com/albums/e192/Cancos/Firefox.jpg
IE 7: http://i39.photobucket.com/albums/e192/Cancos/IE7.jpg