在为行添加原始html后更新dataTables

时间:2018-04-22 08:10:01

标签: jquery datatables

我通过传递原始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();

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

提前致谢!

1 个答案:

答案 0 :(得分:2)

我已经解决了。

代码是:

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

我一直非常接近,我所遗漏的只是附上我在jquery电话中创建的html:dataRow$(dataRow)

感谢大家