IE7 table rendering AJAX data

smccran

Hi,
I have a datatables server side processing application, it renders fine in IE8, and IE6, and FF, but not IE7. I have scoured the JSON response, and even split it right down to hard coded values, but it still does not render the table.

The JSON.

Is there anything wrong with this?

{ "sEcho": 1, "iTotalRecords": 2, "iTotalDisplayRecords": 2, "aaData": [ [ "more", "more", "more", "more", "more", "more", "del"] , [ "more", "more", "more", "more", "more", "more", "del"] ] }

Thanks
Shaun

Cassianno

Yes, your JSON is fine (checked @ jsonlint.com)

Maybe somethingelse wrong? a comma misplaced somewhere... ?

If it's possible, upload your files and show us.

smccran

Hi,
Sure the script that calls the code is this:

[code]

$(document).ready(function() {
$('#example').dataTable( {
"bProcessing": true,
"bStateSave": true,
"bServerSide": true,
"sAjaxSource": "view/handlers/templatecontent.cfm",
"aoColumns": [
{ "sName": "intid", "sTitle": "View", "sWidth": "10%"},
{ "sName": "varTemplateName", "sTitle": "Template"},
{ "sName": "varTemplateSection", "sTitle": "Section"},
{ "sName": "intVersionNumber", "sTitle": "Version"},
{ "sName": "intLive", "sTitle": "Live"},
{ "sName": "intAwaitingAuthorisation", "sTitle": "Awaiting Auth."},
{ "sName": "intCreatedBy", "sTitle": "Created By"},
{ "sName": "intUpdatedBy", "sTitle": "Update By"},
{ "sName": "dtmCreatedDate", "sTitle": "Created"},
{ "sName": "dtmUpdatedDate", "sTitle": "Last updated"}

],
"sPaginationType": "full_numbers",
"aaSorting": [[1,'asc']],
"oLanguage": {
"sLengthMenu": "Page length: _MENU_",
"sSearch": "Search:"
}
} );
} );

[/code]

smccran

Hi,
I've worked this out now. In my server side handling page I had a few lines of whitespace at the top. IE 8 and firefox handled this, but IE7 looses the plot if there is white space before the JSON data.

Supressing the whitespace fixed it.