如何清除并重新加载dataTable()中的数据？

Question

加载时我正在加载数据表中的数据：

$(document).ready(function () {
    $('#example').DataTable({
        data: currentSelectedPolicyResults.data,
        scrollY: '50vh',
        columns: [
            { title: "TaskId", data: "TaskId" },
            { title: "Task Description", data: "Task Description" },
            { title: "Status.", data: "Status" }
        ]
    });
    setClick();
});

如何清除当前表中的数据？然后我想将更新后的 JSON 加载到同一个表中，我该怎么做？

我可以使用以下方法清除数据：

var table = $('#example').DataTable();
table.clear().draw();

但是当我尝试加载更新的 JSON 时，它显示此错误

DataTables warning: table id=example - Cannot reinitialise DataTable.

重新加载功能：

table.rows.add(UpdatedJSON.data);

Answer 1

使用“innerHTML =”将数据加载到其中。然后再次运行您的脚本，它将清除它并将更新的数据放在那里。我知道这很短，但它会起作用。

Answer 2

您在

中初始化一次数据

$(document).ready(function(){
$('#yourtable').DataTable();
});

ajax调用后 你只需要像这样使用它

$.ajax({
                url: baseURL + 'YourURL',
                type: "POST",
                data: JSON.stringify(Data),//if any
                datatype: "json",
                contentType: "application/json; charset=utf-8",
                success: function (json) {

                    $('#yourtable').DataTable().clear().draw();
                    $('#yourtable').DataTable().rows.add(json); // Add new data
                    $('#yourtable').DataTable().columns.adjust().draw(); // Redraw the DataTable

                },
                error: function () {
                    alert("An error has occured!!!");
                }
            });

Answer 3

我的一个朋友帮我找到了方法，

var 表 = $('#example').DataTable(); 清除表格：

table.clear().draw();

重新加载：

table.rows.add(updatedJSON).draw();

谢谢大家

Answer 4

试试这个 $('#importListTable').DataTable().fnClearTable();

Answer 5

首先初始化数据表时添加

"destroy": true

。 然后，在使用新数据重新初始化数据表时尝试使用

table.clear().draw();

。