jquery - 添加一行原始 html 后更新 dataTables

Question

我通过传递原始 html 向表中添加一行，因为我需要在几个单元格中添加一些 [data-] 值。

我希望 DataTables 在插入后更新，但我找不到如何做到这一点。

我正在全局激活任何具有该类的表

$('.dataTable').DataTable(options);

然后在某个时候我将向特定表添加一些行:

let dataRow = '<tr data-bmid="' + j.id + '">';
dataRow = dataRow + '<td class="bmtitle">' + j.title + '</td>';
dataRow = dataRow + '<td data-color="'+j.colorCode+'">"+j.colorName + "</td>";
dataRow = dataRow + '</tr>';
$('#myTable tbody').append(dataRow);

我已经尝试过:

$('#myTable').dataTable().draw();


$('#myTable').dataTable().update();


let dt = oTable.dataTable().api();
dt.row.add(dataRow);
dt.draw();

希望您能帮我找到解决方案

提前致谢!

Answer 1

我已经解决了。

代码是:

let dt = oTable.dataTable().api();
dt.row.add($(dataRow));
dt.draw();

我已经非常接近了，我所缺少的只是附上我在 jquery 调用中创建的 html:dataRow 到 $(dataRow)

谢谢大家