table.row.add()
我使用以下代码的方法在 DataTables 1.10.2 上动态添加新行:
table.row.add([
'',
name,
target_l,
details,
panel.html()
]).draw();
我制作了这个标记:
<tr role="row" class="odd">
<th>1 .</th>
<td class="sorting_1">ID Fee</td>
<td>All students</td>
<td></td>
<td>
<button class="btn btn-null btn-xs" onclick="_remove(59, 'ID Fee')">
<span class="fui-cross"></span>
</button>
<button class="btn btn-null btn-xs" onclick="_edit(59, 'ID Fee', '', '')">
<span class="icon-pencil"></span>
</button>
</td>
</tr>
我想要做的是将 data-id(和其他数据)属性添加到新添加的 tr 标记(在行插入时或之后),并使其如下所示:
<tr data-id="59" role="row" class="odd">
我已经设法使用代码获取新添加行的索引,并返回最后一行索引:
var i = table.row.add([
'',
name,
target_l,
details,
panel.html()
]).index();
并且还尝试执行以下操作以使用该索引添加data-id 属性:
var id = $("#department_id").val();
table.row(i).attr("data-id", id);
// table.row(i).data("id", id);
// I wanted to try this but there is also a method called data() already in
// DataTables so it will not work like in JQuery.
我是 DataTables 的新手,并且已经滚动了它的源代码,红色的评论。虽然不善于理解以 . 开头的功能_fn*()
。如果有其他方法不依赖这些_fn*()
功能,谢谢!