TypeError: F Is Undefined

Question

I'm creating a dataTable, where the data for the table is entirely from the database. I tried in the following way: HTML:

Solution 1:

Error in your jQuery code Replace with this. dataTable({ is not closed

 jQuery("#invoice_table").DataTable({
    "sAjaxSource": "invoice-request-db.php?mode=invoice_dataTable",
    "bDestroy": true,
    "bPaginate": false,
    "bInfo": false,
    "bFilter": false,
    "bSort": false
});

Solution 2:

Make sure you are including jquery.dataTables.min.js I had the same issue and after hours debugging I realised that I was including dataTables.bootstrap.min.js instead

Solution 3:

There is syntax error here.

jQuery("#invoice_table").dataTable({
    "sAjaxSource": "invoice-request-db.php?mode=invoice_dataTable",
    "bDestroy": true,
    "bPaginate": false,
    "bInfo": false,
    "bFilter": false,
    "bSort": false
    //}   <--------------------- You need to remove this. It's an extra bracket
});

Solution 4:

This Javascript error generally occur if dataTable's Parameter not initialized.

Solution :

Open datatables.bootstrap.min.js in notePad and write these two line below after this line

var f = b.fn.dataTable;

// Code to Insert start
if(typeof f === "undefined")
return null;
// Code to insert End

Above

Solution 5:

This can also happen if the table columns do not match your data elements (I removed an element, but forgot to remove the column, which was the cause of this error).

JavaScript Guide