Table layout is different in IE 8

fshafeeq

I really like dataTables but I came across a problem. Table layout changes if view it on different version of IE. I have IE9 and when I was done designing everything looked good but when another user whos using IE 8 loaded the page table layout was different this user had to change the page zoom to 75% to see the correct layout. Also if the widow is minimized or maximized table heading size doesnt change according to the size and heading is not aligned with the TD. Any suggestions?

allan

Does this occur on the examples on this site as well? IE's zooming might not be something we are able to fix. Are you using fnAdjustColumnSizing on zoom change to have the columns align?

Allan

fshafeeq

I'm using fnAdjustColumnSizing but its not working. Every time browser size changes heading do not align with the column unless page is refreshed.

fshafeeq

fnAdjustColumnSizing is working for me now! But still some minor issues. i.e If the borrower window is changed columns re adjust no problem but If a scroll bar is turned on after i load the page columns don't re size automatically. (lets say I clicked a link on my page and the body scroll bar automatically pops up columns do not re adjust) Any solution for that?

allan

Doesn't work even with zooming set to 100%? Can you link to a test case please?

Allan

fshafeeq

Im sorry not sure what zooming you are talking about or how to set zooming? Can you elaborate?

fshafeeq

This is what I have so far...

$(document).ready(function() {
var oTable = $('#myTable').dataTable({
"sScrollY" : "400px",
"bPaginate" : false,
"aaSorting": [],
"bJQueryUI": true,
"bScrollCollapse": true,
"bAutoWidth": true


});
$(window).bind('resize', function () {
oTable.fnAdjustColumnSizing();
} );
});

fshafeeq

Thanks! I figured it out it works now!!