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;
        }

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

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: <span id=&quot...
jQuery 添加水印 <script src="../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...