DataTables - IE8 compatibility mode

jenfloyd08

Good afternoon -

I'm having problems with DataTables rendering properly in IE8 compatibility mode. I think that somehow the "table contents" are getting disconnected from the other objects. Some of the symptoms:
- Columns "hidden" by the plugin are appearing without a header.
- Sorting "handles" don't work.
- "No data available in table" always appears as the last table row.
- Result set size message is always "Showing 0 to 0 of 0 entries".
- Pagination control never displays "page numbers".
- If I "strip" the code so that the table builds without the plugin, it works correctly. As soon as I add in [code] var oTable = $('#uxResults').dataTable({ });[/code] it bombs.

Here's the full code:
[code]
var oTable = $('#uxResults').dataTable({
"sDom": 'RC<"clear">lfrtip',
"oColReorder": {
"aiOrder": [6, 0, 8, 11, 2, 16, 14, 1, 5]
},
"oColVis": {
"buttonText": "Add or Remove Columns"
},
"aaSorting": [[0, "asc"]],
"bAutoWidth": false,
"sPaginationType": "full_numbers",
"iDisplayLength": 25,
"iDisplayEnd": 25,
"aoColumnDefs": [
{ "aTargets": [0], "sWidth": "60px", "bVisible": true, "sTitle": "Account #" },
{ "aTargets": [1], "sWidth": "60px", "bVisible": false, "sTitle": "Block" },
{ "aTargets": [2], "sWidth": "80px", "bVisible": true, "sTitle": "City" },
{ "aTargets": [3], "sWidth": "60px", "bVisible": false, "sTitle": "Direction" },
{ "aTargets": [4], "sWidth": "60px", "bVisible": false, "sTitle": "House #" },
{ "aTargets": [5], "sWidth": "60px", "bVisible": false, "sTitle": "Lot" },
{ "aTargets": [6], "sWidth": "60px", "bVisible": true, "sTitle": "Taxlot" },
{ "aTargets": [7], "sWidth": "60px", "bVisible": false, "sTitle": "Account ID" },
{ "aTargets": [8], "sWidth": "250px", "bVisible": true, "sTitle": "Owner Name" },
{ "aTargets": [9], "sWidth": "60px", "bVisible": false, "sTitle": "Record Type" },
{ "aTargets": [10], "sWidth": "60px", "bVisible": false, "sTitle": "State" },
{ "aTargets": [11], "sWidth": "225px", "bVisible": true, "sTitle": "Situs Address" },
{ "aTargets": [12], "sWidth": "120px", "bVisible": false, "sTitle": "Street Name" },
{ "aTargets": [13], "sWidth": "60px", "bVisible": false, "sTitle": "Street Type" },
{ "aTargets": [14], "sWidth": "120px", "bVisible": true, "sTitle": "Subdivision" },
{ "aTargets": [15], "sWidth": "60px", "bVisible": false, "sTitle": "Unit" },
{ "aTargets": [16], "sWidth": "60px", "bVisible": true, "sTitle": "ZIP" }
],
"oLanguage": {
"sSearch": "Filter all columns:",
"sEmptyTable": "No matches. Please try again.",
"sProcessing": "Please wait...",
"sLoadingRecords": "Please wait - loading...",
"sLengthMenu": 'Display ' +
'25' +
'50' +
'75' +
'100' +
' records'
}
});
[/code]

I'm using DataTables v1.8.2 and the latest version of jQuery (http://code.jquery.com/jquery-latest.min.js).

Thanks in advance for your assistance. I'm pretty new to jQuery so please be gentle. If this is a n00b error, my apologies in advance!

Sincerely,
Jen

jenfloyd08

bump... Anyone else have trouble with compatibility mode?