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

前端之家收集整理的这篇文章主要介绍了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;
        }

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

猜你在找的jQuery相关文章