Javascript jquerydatatables:如何添加子行?
Datatables是否使用css标记定义子行?我有一个包含子行的HTML表。我想将它们设置为Datatables中的子行,以便它们在排序时与父行保持一致。我找不到对将一行标记为子行的css类的引用 我所能找到的只是JQuery row.child函数,您可以在该函数中将子行添加到行中,但我对JQuery不太在行中,不知道如何在此处添加行 请看这个。单击程序进行排序,单击列表图标展开/折叠子行Javascript jquerydatatables:如何添加子行?,javascript,jquery,twitter-bootstrap,jquery-datatables,Javascript,Jquery,Twitter Bootstrap,Jquery Datatables,Datatables是否使用css标记定义子行?我有一个包含子行的HTML表。我想将它们设置为Datatables中的子行,以便它们在排序时与父行保持一致。我找不到对将一行标记为子行的css类的引用 我所能找到的只是JQuery row.child函数,您可以在该函数中将子行添加到行中,但我对JQuery不太在行中,不知道如何在此处添加行 请看这个。单击程序进行排序,单击列表图标展开/折叠子行 <table id="tprogram" class="table table-striped
<table id="tprogram" class="table table-striped table-hover ">
<thead>
<tr>
<th class='icon_colunm no-sort'></th>
<th>Program</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-right"> <i class="btn btn-xs fa fa-list-ul" data-toggle="collapse" data-target=".collapsed1"></i>
</td>
<td class='name'>A</td>
</tr>
<tr class="collapse collapsed1">
<td class="text-right"> <i class="fa fa-minus"></i></td>
<td class='name'>a</td></tr>
<tr>
<td class="text-right"> <i class="btn btn-xs fa fa-list-ul" data-toggle="collapse" data-target=".collapsed2"></i>
</td>
<td class='name'>B</td></tr>
<tr class="collapse collapsed2">
<td class="text-right"> <i class="fa fa-minus"></i>
</td>
<td class='name'>a</td></tr>
<tr class="collapse collapsed2">
<td class="text-right"> <i class="fa fa-minus"></i>
</td>
<td class='name'>b</td></tr>
<tr class="collapse collapsed2">
<td class="text-right"> <i class="fa fa-minus"></i>
</td>
<td class='name'>c</td>
</tr>
</tbody>
我决定将自己的类插入父行,并使用row.add函数通过一些JQuery手动添加子行
$('.parentrow').closest('tr').each(function(){
var row = table.row(this);
childrows = $(this).closest('tr').nextUntil('.parentrow');
row.child(childrows).show();
});
工作完美。Datatables应该通过向行中添加一个类来实现这一点。
$('.parentrow').closest('tr').each(function(){
var row = table.row(this);
childrows = $(this).closest('tr').nextUntil('.parentrow');
row.child(childrows).show();
});