数据表 - 使用嵌套独立表向下钻取行

Question

已结束。此问题正在寻求书籍、工具、软件库等的推荐。它不满足 Stack Overflow guidelines 。目前不接受答案。

---

我们不允许提出寻求书籍、工具、软件库等推荐的问题。您可以编辑问题，以便用事实和引文来回答。

已关闭 5 年前。

Improve this question

有人使用具有向下钻取行和嵌套独立表的 DataTables 吗？类似于 powerTable？

您可以发布任何链接/示例吗？

Answer 1

这是我的 JSFiddle (按“运行”显示图标)它实现了独立的嵌套 jQuery DataTables。在本例中，我只需复制原始表的 html，并将其发布到“详细信息”行中，以省去制作新表的麻烦。

这是代码中唯一有趣的部分，它使 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;
        }

注意如何在每个表上独立地进行过滤、排序等。