Datatables.net multiple Nested tables (collapse doesn't work)

javascript jquery ajax datatables nested-table
Sebastien Dionne picture Sebastien Dionne · May 13, 2016 · Viewed 8k times · Source

I created a demo to play with Datatables and nested tables. I wanted to have multiple level of parent/child with collapse/expand.

I was able to create 3 levels of tables, but when I want to collapse the 2th nested table, Datatables is not able to handle it.

JSFiddle

New Demo that almost work here JSFiddle.

The problem with this usecase : Expand the row with "data1", after that expand the row "data2", and expand the row "data1/aaa). That will open a new table, but it will contains the search bar and footer.

Answer

Related questions

call a function in success of datatable ajax call

Is that possible to invoke a javascript function in success of datatable ajax call. Here is the code am trying to use, var oTable = $('#app-config').dataTable( { "bAutoWidth": false, "bDestroy":true, "bProcessing" : true, "bServerSide" : true, "sPaginationType" : "full_numbers", "sAjaxSource" : url, "…

Read More
How to reinitialize dataTables with newly fetched data from server using ajax in MVC

So here I have list of menus for admin and under them I have Upload news. When this particular menu is clicked, I call a partial view as below. $("#body_data").load("/Admin/GetDailyNews", function () { $("#dailyNews").dataTable({ "lengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]], "…

Read More
jQuery DataTables server-side processing using ASP.NET WebForms

Problem: jQuery DataTables server-side processing using ASP.NET WebForms. Solution: Darin Dimitrov answered the question using an example which pages and sorts, but doesn't do any searching. Here's my **basic** modification of his work to make searching work on his …

Read More