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

CancosCancos Posts: 6Questions: 0Answers: 0
edited March 2012 in Bug reports
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<)

Replies

  • allanallan Posts: 63,498Questions: 1Answers: 10,470 Site admin
    Can you make sure you update to 1.9.1.dev from the downloads page if you haven't already? If you have and you are still seeing a problem, can you link me to an example showing the issue please? I've just tried my scrolling demos in IE7 and they appear to work no problem, so I would need a way to reproduce the issue.

    Allan
  • CancosCancos Posts: 6Questions: 0Answers: 0
    I'm still seeing the same problem, I will post pictures later today when I get to my home machine. Allow me to review my code and test it once again on my end to determine whether it is a styling issue. Thanks for the reply.
  • CancosCancos Posts: 6Questions: 0Answers: 0
    As promised here are the pictures.

    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
  • CancosCancos Posts: 6Questions: 0Answers: 0
    Any possible reason why this may occur? Does using a JSP page cause issues...I don't think it should but it doesn't hurt to ask.
This discussion has been closed.