尝试从JavaScript填充表格时，jQuery Datatable无法正常工作

Question

我正在尝试从JavaScript填充表。 我的问题是正在填充表，但是显示“表中没有可用数据”，并且当我尝试搜索数据或对数据进行某些处理时； 数据消失。

我正在使用此代码。 首先我有html表

<table id="addressTable">
    <thead>
        <tr>
            <th>ID</th>
            <th>Street</th>
            <th>Locality</th>
        </tr>
    </thead>                
    <tbody>
    </tbody>
</table>

附表的javascript代码：

for (var i = 0; i < features.length; i++) {               
            $("#addressTable tbody").append("<tr><td>" + features[i].attributes["data"] + "</td><td>" + features[i].attributes["data"] + "</td><td>" + features[i].attributes["data"] + "</td></tr>");
        }

有什么想法可以解决这个问题吗？ 谢谢

Answer 1

您需要在更新后重新初始化数据表，

for (var i = 0; i < features.length; i++) {
    $("#addressTable tbody").append("<tr><td>" + features[i].attributes["data"] + "</td><td>" + features[i].attributes["data"] + "</td><td>" + features[i].attributes["data"] + "</td></tr>");
}
var oTable = $("#addressTable").dataTable();


oTable.fnDestroy();
$("#addressTable").dataTable();