jQuery DataTables - Child Rows and “Undefined is Not a Function”

Question

I\'m working to add child rows to a data table and am getting a \"TypeError: undefined is not a function\" for a line of code that works perfectly on a different table and p

Answer 1

I think you should replace

var table = $('#users_table').dataTable({...

by

var table = $('#users_table').DataTable({

The difference? Datable with a capital "D". Otherwise, you can't use the function table.row()

From the manual (https://datatables.net/manual/api), you can see:

It is important to note the difference between $( selector ).DataTable() and $( selector ).dataTable(). The former returns a DataTables API instance, while the latter returns a jQueryJS object. An api() method is added to the jQuery object so you can easily access the API, but the jQuery object can be useful for manipulating the table node, as you would with any other jQuery instance (such as using addClass(), etc.).