jquery-datatables – Datatables – 使用嵌套的独立表向下钻取行

是否有人使用DataTables向下钻取行和嵌套的独立表？与powerTable类似？

你能发布任何链接/例子吗？

解决方法

这是我的 JSFiddle(按“运行”显示图标)，它实现了独立的嵌套jQuery DataTables。
在这种情况下，我只是复制原始表的html，并将其发布到Details行中，以免我制作新表的麻烦。

这是代码中唯一有趣的部分，它使nestedTables与简单的DrillDown不同：

else {      /* Open this row */

            this.src = "http://i.imgur.com/d4ICC.png";

            // fnFormatDetails() pieces my Table together,instead you can 
            // use whatever code you like to create your nested Table html
            oTable.fnopen(nTr,fnFormatDetails(iTableCounter,tablehtml),'details');

            // ... and here I cast dataTable() on the newly created nestedTable 
            oInnerTable = $("#exampleTable_" + iTableCounter).dataTable({
                "bJQueryUI": true,"sPaginationType": "full_numbers"
            });
            iTableCounter = iTableCounter + 1;
        }

请注意如何独立地对每个表进行过滤，排序等。

原文地址：https://www.jb51.cc/jquery/181616.html