Question

我正在使用数据表来显示文档列表。我们还可以在哪里添加新文件。我使用Ajax调用将数据绑定到DataTable

 $.ajax({
            type: "POST",
            url: path,
            data: { Id: "0", MId: $("#MId").val() },
            dataType: "json",
            success: function (response) {

                var result = response.map(function (item) {
                    var result = [];

                    result.push(item.Id);
                    result.push(item.DocumentName);
                    result.push(item.Description);
                    result.push(item.UploadedOn);
                    result.push(item.UploadedBy);
                    result.push(item.UploadedDocument);
                    result.push(item.MId);

                    return result;
                });
                for (var i = 0; i < result.length; i++) {
                    result[i][0] = "<span id='" + result[i][0] + "'>" + result[i][1] + "</span>";
                    result[i][1] = "<span>" + result[i][2] + "</span>";
                    result[i][2] = "<span>" + result[i][3] + "</span>";
                    result[i][3] = "<span>" + result[i][4] + "</span>";
                    result[i][4] = "<a href='" xxxxxxxx"</a>";
                    result[i][5] = "XXXXXXXXXXXXX"</i></label>";
                   t.row.add(result[i]);

                }

                $("#user-detail-datatable").DataTable().draw();

                $("#user-detail-datatable").DataTable().clear();
            },
            error: function (error) {

            }
        });

如果文件的数量小于10，则工作正常，但如果它更多，则点击下一个按钮（分页）。它显示没有要显示的数据。我也无法回到第1页。如何解决这个问题。我正在使用bootstrap数据表。

TIA

Answer 1

在添加新行之前运行clear()。

success: function (response) {
   $("#user-detail-datatable").DataTable().clear()

   // Add new rows

   $("#user-detail-datatable").DataTable().draw();
}

使用ajax填充dataTable时，数据在分页时不在DataTable中绑定

1 个答案: