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 } );
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 } );