为一行添加原始 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)

谢谢大家