javascript - 数据表警告：表 id=tableId - 无法重新初始化数据表

Question

我有以下html代码：

<table id="tableId" class="table table-striped display text-right" role="grid" style="width: 100%">

我的javascript代码是：

$(tableId).DataTable(data);

填表工作正常。但是随着更新表格，我收到以下错误：

DataTables warning: table id=tableId- Cannot reinitialise DataTable. For more information about this error, please see http://datatables.net/tn/3

我试图寻找答案。到目前为止，我发现了一些关于 destroy() 但没有任何作用。我想这是一个简单的解决方案，但是......我怎样才能清除整个表格并用新数据填充它。

我尝试了以下操作：

$(tableId).dataTable({
      destroy: true });

但随后完整的表格不再出现。

很高兴得到一些帮助。

标签： javascripthtmldatatable

Answer 1

找到了解决方案：

if($.fn.dataTable.isDataTable(tableId)){
   var table = $(tableId).DataTable();
   table.clear();
   table.rows.add(data).draw();
} else {
   $(tableId).DataTable(data);
}