Even Odd row styling not appearing in IE8

shawnmitchell

I'm at a loss as to how to debug this issue. The F12 developer tools in IE are horrible relative to FireBug and Chrome. Has anyone had issues with the alternating row styling in IE8? The datatables samples all display correctly and I'm not doing anything explicit related to row styling. I do have a fnRowCallback, but the styling is fine for all modern browsers, it's just IE8.

ccTable = $('#my-table').dataTable( {
"aaData": json.aaData,
"aoColumns": columns,
"aaSorting": [[1,'asc']],
"bAutoWidth": false,
"sScrollX": "100%",
"bPaginate": false,
"bLengthChange": false,
"bSort": true,
"bInfo": false,
"bFilter": false,
"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
$('td:eq(0)', nRow).attr("title", Gjson.bicCodes[aData[0]]);
drawRows(nRow, aData);
},
"aoColumnDefs": [ blah blah blah } );

shawnmitchell

http://i1276.photobucket.com/albums/y466/shawnmitchell658/wrong_zps5120ee55.png

http://i1276.photobucket.com/albums/y466/shawnmitchell658/right_zpsbe0cd663.png

Don't know how to include images, but basically the HTML looks completely different and all the data elements are missing from IE8's developer tools view.

allan

No idea what going wrong off the top of my head. We'd need a link to a test page showing the problem to be able to offer much help.

Also, can I suggest using Firebug Lite in IE - much more reliable for inspecting elements I've found!

Allan

shawnmitchell

Thanks Allan, Firebug lite did the trick.