DataTables logo DataTables

via Ad Packs
$.fn.dataTableExt is undefined
  • ok, i really don't know where this Firebug Error comes from...

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

    <script type="text/javascript">
        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 }
    				]
            });
        });
    </script>
    

    and the Firebug says: $.fn.dataTableExt is undefined

    Can someone please help me with this?
  • I forgot to include:

    Here's the complete error statement
    $.fn.dataTableExt is undefined
    [Break On This Error] 	
    
    $.fn.dataTableExt.oApi.fnColReorder = function (oSettings, iFrom, iTo) {....
    
    

    ColResize.js (line 110)
  • 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
This discussion has been closed.
All Discussions