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

前端之家收集整理的这篇文章主要介绍了jquery-datatables – Datatables – 使用嵌套独立表向下钻取行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有人使用DataTable深入行和嵌套独立表?与powerTable类似?

你可以发布任何链接/示例吗?

解决方法

这是我的 JSFiddle(按“运行”图标显示),它实现独立的嵌套jQuery数据表。
在这种情况下,我只是复制原始表格的html,并将其发布到“详细信息”行中,以挽救我制作新表格的麻烦。

这是代码中唯一有趣的部分,这使得嵌套表与简单的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.f2er.com/jquery/182269.html

猜你在找的jQuery相关文章