IE8 Crashing when adding content via $.html() then applying $.dataTable()

stephenhendry

I am using $.ajax() to get data from a web service. What returned is a string. This string is an html table with ~3900 rows with 3 columns. I add this to the page using $.html(). After it has been added to the page i then call the $.dataTable().

[code]
//result is a string of an html table returned by a web service.
$('#div').html(result);
// divtable is the id of the table in the result string
$('#divtable').dataTable({
"bPaginate": false,
"bLengthChange": false,
"bFilter": true,
"bSort": false,
"bInfo": true,
"bAutoWidth": true,
"oLanguage": { "sSearch": "Filter:" }
});
[/code]

In IE8 and IE7 the browser freezes when this happens then crash. In IE9 and Chrome/FIrefox it all works fine. When the data returned in less ~1000 rows again things seem to work fine.

What could I do to try and get all the rows working?

I have now upgraded to 1.9 and still get the same issue.