Question

我正在尝试从JavaScript填充表格。我的问题是该表正在填充，但＆＃34;表中没有可用的数据＆＃34;显示，当我尝试搜索或对数据做某事时;数据消失了。

我正在使用此代码。首先我有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();

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

1 个答案: