在特定索引处添加/删除带有 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;