$.fn.dataTableExt is undefined

janrusselcalachan

ok, i really don't know where this Firebug Error comes from...

Basically, these are the JS files that I included in my program

[code]

head.js("../Templates/Lagu/lib/datatables/jquery.dataTables.js");
head.js("../Templates/Lagu/lib/datatables/dataTables.plugins.js");
head.js("../Templates/Lagu/lib/datatables/ColReorderWithResize.js");

head.ready(function () {
$('#data_table').dataTable({
"aaSorting": [[1, "asc"]],
"bFilter": true,
"sPaginationType": "full_numbers",
"sScrollX": "100%",
"bJQueryUI": true,
"iDisplayLength": 20,
"bLengthChange": true,
"bAutoWidth": false,
"sDom": '<"H"lfr>tip<"F">R',
"aoColumns": [
{ "bSortable": true },
{ "bSortable": false },
{ "bSortable": true },
{ "bSortable": false }
]
});
});

[/code]

[quote]and the Firebug says: $.fn.dataTableExt is undefined[/quote]

Can someone please help me with this?

janrusselcalachan

I forgot to include:

Here's the complete error statement
[code]
$.fn.dataTableExt is undefined
[Break On This Error]

$.fn.dataTableExt.oApi.fnColReorder = function (oSettings, iFrom, iTo) {....

[/code]

ColResize.js (line 110)

allan

Is head.js synchronous when it loads external files? That error suggests to be probably not since that would occur if DataTables has not been loaded before ColReorder (it makes sense that DataTables would take longer to load since it is a larger file).

That's my guess anyway!

Allan