【发布时间】：2017-05-02 08:47:19
【问题描述】：
我有一个数据表，并且我添加了子行，当使用以下命令单击父行时，这些子行会被切换：
$(function() {
$('tr.parent')
.css("cursor","pointer")
.attr("title","Click to expand/collapse")
.click(function(){
$(this).siblings('.child-'+this.id).toggle();
});
$('tr[class^=child-]').hide().children('td');
});
基本上，在我的桌子上，我会做以下事情：
- 在每个父行（tr）上放置一个“父”类
- 给每个父行 (tr) 一个 id
- 给每个子行一个“child-ID”类，其中 ID 是 所属的父 tr
这很完美，这意味着只有在单击相应的父行时才会显示子行，但是，例如，如果我有 8 个父行并且其中一行有 2 个子行，则数据表将显示“显示 10 行”，我想要的基本上是在计算行数、剩余行数等时忽略子行...
有没有一种简洁的方法可以做到这一点无需修改原始数据表 js？
JsFiddle：http://jsfiddle.net/xv3xjbLL/1/
在 JsFiddle 中，如果单击第一行，则会出现两个子行，但是计数器显示为 10，而最初仅显示 8。有没有办法不计算子行？
【问题讨论】：
-
if for example, I have 8 parent rows and one of the rows has 2 child rows, the data table will show "Showing 10 rows"，不，这里没有发生这种情况：- datatables.net/examples/api/row_details.html 。所以要么创建一个你的代码，以便我们检查并让你知道。或者从示例中获取参考并更正您的代码 -
@AlivetoDie，添加了 JsFiddle。
标签： javascript jquery datatable datatables