如何清除并重新加载 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.

重新加载 Function： 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 table = $('#example').DataTable(); 清除表：

table.clear().draw();

重新加载：

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

谢谢大家

Answer 4

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

Answer 5

在首先初始化数据表时添加"destroy": true 。 然后，尝试使用table.clear().draw(); 使用新数据重新初始化数据表时。