Internet Explorer 7/8 taking forever to draw the table.

semitry

Worked fine in Firefox and IE with client side processing, however I needed to switch to serverside for huge data sets. When I switched to serverside processing, Firefox still works fine, IE takes about 10 minutes to load a table with 2 rows (28 headers).

Profiled it using IE 8's developer tools, to find out it's spending 591 seconds in fnAjaxUpdateDraw. Also checked my json data using http://www.jsonlint.com/ and it's validated just fine.


My init code, I removed a lot of customizations to debug but the problem still persisting.
[code]
if($("#resultsTable").length > 0) {

$('#resultsTable').dataTable( {
"sScrollY": 200,
"sScrollX": "100%",
"aaSorting": [],
"iDisplayLength": 2,
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "xhr.jsp",
"fnServerData": function ( sSource, aoData, fnCallback ) {
$.ajax( {
"dataType": 'json',
"type": "POST",
"url": sSource,
"data": aoData,
"success": fnCallback
} );
},

"bAutoWidth": false
} );
}
[/code]

Any help would be appreciated.

allan

10 minutes!!! WOW! What kind of data are you passing back - I've never heard of a server-side script taking so long to process. Can you link us to an example? The only thing I can guess is that the HTML is massively complex. As can be seen in the examples ( http://datatables.net/examples/server_side/server_side.html ) IE should be quite fast at display server-side processed tables.

Allan