Firefox 3.6.13 - nTh.parentNode is null

farlin

Ok, seen other posts on this topic, but none of them seem to resolve my issue. I get an error in Firefox 3.6.13 on line 2900 "nTh.parentNode is null" (nTh.parentNode.removeChild( nTh ); line in _fnDrawHead function) and I have done various things to try and resolve the issue. Unfortunately, the only option I've seen that works is to remove the bVisible: false. I would prefer not having to do that as I will be doing filtering using links and would like the invisible columns for use in filtering. Are there any solutions to the Firefox error that may not have been addressed on the forums? It does not give me this error in Chromium 10.0.612.0 (69223) and works smooth as silk. Using jQuery 1.4.4 and DataTables 1.7.5.

Thanks in advance!

JavaScript:

[code]
var dtFileBaseTable;

$(document).ready(function()
{
dtFileBaseTable = $('#filebaseTable').dataTable(
{
bProcessing: true,
bServerSide: true,
sAjaxSource: "get_filebase.php",
aaSorting: [[3,"asc"]],
bFilter: true,
aoColumnDefs: [
{ "sName": "Preview", "aTargets": [ 0 ], "sType": "string", "bVisible": false },
{ "sName": "AID", "aTargets": [ 1 ], "sType": "numeric", "bVisible": false },
{ "sName": "fk_SourceID", "aTargets": [ 2 ], "sType": "numeric", "bVisible": false },
{ "sName": "Title", "aTargets": [ 3 ], "sType": "string", "bVisible": true, "bSortable": true, "sWidth": "100px" },
{ "sName": "SourceTitle", "aTargets": [ 4 ], "sType": "string", "bVisible": true, "bSortable": true, "sWidth": "100px" },
{ "sName": "FilePath", "aTargets": [ 5 ], "sType": "string", "bVisible": false },
{ "sName": "FileName", "aTargets": [ 6 ], "sType": "string", "bVisible": true, "bSortable": true, "sWidth": "100px" },
{ "sName": "Hash", "aTargets": [ 7 ], "sType": "string", "bVisible": false },
{ "sName": "Size", "aTargets": [ 8 ], "sType": "numeric", "bVisible": true, "bSortable": true, "sWidth": "50px" },
{ "sName": "SourceTypeName", "aTargets": [ 9 ], "sType": "string", "bVisible": true, "bSortable": true, "sWidth": "100px" },
{ "sName": "AttachmentTypeName","aTargets": [ 10], "sType": "string", "bVisible": true, "bSortable": true, "sWidth": "100px" }
],
fnRowCallback: function( nRow, aData, iDisplayIndex )
{
// Future jEditable integration
var id = aData[ 1 ];
$(nRow).attr('id', id);
return nRow;
},
fnDrawCallback: function ()
{
$('img[type="thumb"]').thumbs();

$('a[rel="imagePreview"]').colorbox(
{
"current":"{current}/{total}",
"photo": true
});
}
});
});
[/code]

HTML:

[code]


Preview
AID
SID
Title
Source Title
Path
FileName
Hash
Size
ST
AT














[/code]

allan

Your HTML is invalid :-). You don't have any TR tags which is needed to make a valid HTML table. For some reason Firefox tries to render the table like that, while the other browsers will automatically insert the TR tags.

Allan

farlin

Ah ha, so basically just have to change tbody to TR then. I will go ahead and do that, thanks!

allan

Not quite. You need a well formed table like this: http://datatables.net/usage/#prerequisites

Allan

farlin

Allan,

Thanks...for some reason I totally missed the tags. Some days I wonder what is going through my head...or not for that matter.

Thanks!