在特定索引处使用jquery DataTables添加/删除行

Question

我试图在特定索引处使用JQuery和DataTables插件在表中动态添加/删除行。

$('#jt').dataTable();

我尝试添加的行是一些额外的信息，我通过点击一行（ajax）获得。每行都有一个唯一的id，我将其作为参数传递。

$('#jt').on('click','.togetinfo',function() {....
  $.get(functions, { id: id }).done(function(data) {
  ....

对于每个结果，我将内容添加到var并在我想要的行之后添加。

 $.each(jsonresult, function(i,item){
   subentries = subentries + ....... /* the info */
 });

 $('#jt > tbody > tr').eq(id).after(subentries);

这在第一页上完美运行，但在条目的第二页（分页）上，它不会插入新数据。

“DataTables”API的fnAddData（）将数据插入整个表的末尾。

有没有人知道如何让它在所有页面上都有效？

Answer 1

在第一页之后的每一行的索引中找到了false。 必须重新计算每个索引（点击时）。

  var rowIndex = oTable.fnGetPosition(  $(this).closest('tr')[0] );
  rowIndex = rowIndex - oSettings._iDisplayStart;