javascript - 显示数据表中的特定子行

Question

假设我使用 row().child() 在数据表行中添加了 2 个子项

row.child([item1, item2]);

后来，我想展示其中一个 child ，而不重新生成它。 row.child.show() 工作正常，只是它显示了两个子项。

如何显示 row.child 中的特定子项？

fiddle :http://jsfiddle.net/mg22w6o5/

尝试单击第一个生成的行。如何只显示其中一个 child ？

我当前的解决方案(如果对任何人有帮助的话):http://jsfiddle.net/mg22w6o5/4/

Answer 1

没有直接的 API 可以有选择地显示或隐藏子行。有row().child()返回所有子项的 jQuery 集合 <tr>虽然行，但在这种情况下没有帮助。

可能的解决方案是重新创建子行，如下所示:

var dummyChilds = [['child 1'], ['child 2']];

table.row(0).child(dummyChilds);

$('#example tbody').on( 'click', 'tr', function () {
    var row = table.row(this);
    var children = row.child();

    if(children){
       var child = row.child;

       // Recreate children rows
       row.child(dummyChilds[0]);

       if ( row.child.isShown() ) {
           child.hide();
       } else {           
           child.show();
       }
    }
} );

参见this JSFiddle用于演示。