Editable grid with AutoFill extension not working

sameer13

Hello guys,

Trying to make an inline editable grid with autofill extension support but autofill is not working. If i make the grid as non editable autofill works alright.

Heres my code:

var table = $('#example').dataTable({
                paging: false,
                "data": obj.aaData,
                "dom": 'T<"clear">lfrtip',
                "tableTools": {
                    "sSwfPath": "/test_3/media/swf/copy_csv_xls_pdf.swf"
                }
            }).makeEditable({
                sUpdateURL: "/test_3/UpdateData.php",
                sReadOnlyCellClass: "row_id",
                oUpdateParameters: {
                    "row_id": function() {
                        return row_id_value;
                    }
                },
                fnOnEditing: function(jInput, oEditableSettings, sOriginalText, id) {
                    console.log("test");
                    return true;
                },
                fnOnEdited: function(status) {
                    console.log("Edit action finished. Status - " + status);
                }
            });
            new $.fn.dataTable.AutoFill(table, {
                mode: 'y'
            });

Js and CSS imports

    <!-- DataTables CSS -->
    <link rel="stylesheet" type="text/css" href="/test_3/media/css/jquery.dataTables.css">
    <link rel="stylesheet" type="text/css" href="/test_3/media/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/test_3/media/css/dataTables.tableTools.min.css">
    <link rel="stylesheet" type="text/css" href="/test_3/media/css/dataTables.autoFill.min.css">


    <!-- jQuery -->
    <script type="text/javascript" charset="utf8" src="/test_3/media/js/jquery.js"></script>

    <!-- DataTables -->
    <script type="text/javascript" charset="utf8" src="/test_3/media/js/jquery.dataTables.js"></script>
    <script type="text/javascript" charset="utf8" src="/test_3/media/js/jquery.jeditable.mini.js"></script>
    <script type="text/javascript" charset="utf8" src="/test_3/media/js/jquery.dataTables.editable.js"></script>
    <script type="text/javascript" charset="utf8" src="/test_3/media/js/dataTables.tableTools.min.js"></script>
    <script type="text/javascript" charset="utf8" src="/test_3/media/js/dataTables.autoFill.min.js"></script>
    <script type="text/javascript" charset="utf8" src="/test_3/media/js/bootstrap.js"></script>
    <script type="text/javascript" charset="utf8" src="app.js"></script>