jQuery dataTables makeEditable() is not a function

jquery jquery-datatables jeditable
Dropout picture Dropout · Feb 6, 2013 · Viewed 13.7k times · Source

I'm new to Datatables and I'm trying to make the table editable, but I keep getting this error:

TypeError: $(...).dataTable(...).makeEditable is not a function

My jQuery script looks like this:

    $(document).ready( function () {
    var oTable = $('#data_table_wrapper').dataTable({
        "sDom": 'R<"H"lfr>t<"F"ip<',
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "aoColumn": [
                { "bVisible": true },
                { "bVisible": true },
                { "bSortable": false },
                    ]       
    }).makeEditable({
        sUpdateURL: "/abc.php"
    });
});

I am including these files:

jquery-1.9.1.min.js
jquery.dataTables.min.js
jquery.jeditable.js
jquery.dataTables.editable.js
jquery-ui.js
jquery.validate.js

All links to these files work correctly. Can anyone give me some advice, please? Why do I keep getting that error?

Answer

Dropout picture Dropout · Feb 6, 2013

The imports have to be in certain order:

jquery.min.js

jquery-ui.min.js

jquery.dataTables.min.js

jquery.jeditable.js

jquery.dataTables.editable.js

jquery.validate.js

After fixing this, update to latest versions fixed the problem!

Related questions

jQuery DataTables: control table width

I have a problem controlling the width of a table using the jQuery DataTables plugin. The table is supposed to be 100% of the container width, but ends up being an arbitrary width, rather less than the container width. Suggestions appreciated …

Read More
JQuery Datatables : Cannot read property 'aDataSort' of undefined

I created this fiddle to and it works well as per my requirements: Fiddle However, when I use the same in my application I get an error in the browser console saying Cannot read property 'aDataSort' of undefined In my …

Read More
How to manually update datatables table with new JSON data

I am using plugin jQuery datatables and load my data which I have loaded in DOM at the bottom of page and initiates plugin in this way: var myData = [ { "id": 1, "first_name": "John", "last_name": "Doe" } ]; $('#table').dataTable({ data: …

Read More