How to add a row to the inner table of nested tables?

gh2m

I would like to have a button to add the row data. Is that possible?

kthorngren

Are you talking about the child detail rows of this example?
https://datatables.net/examples/api/row_details.html

Kevin

gh2m

Not exactly. Here is the link to my test case: http://live.datatables.net/zibidoji/1/edit

I hope user can fill name, team, server, and row number fields and clicks Add an inner row button to add it under the row number provided, in detailsTable table

kthorngren

You are getting the following error:

Uncaught TypeError: Cannot read property 'add' of undefined

You need to change the child Datatable initialization to get a Datatable API instance by using DataTable() instead of dataTable(). Please see the API docs for more details. You need this:
oInnerTable = $("#exampleTable_" + iTableCounter).DataTable({

Here is the updated example:
http://live.datatables.net/zibidoji/4/edit

Kevin

gh2m

This works great. Thank you Kevin.