首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何清除和重新加载dataTable()中的数据?

如何清除和重新加载dataTable()中的数据?
EN

Stack Overflow用户
提问于 2018-03-29 14:23:00
回答 5查看 6.7K关注 0票数 1

在加载时,我将数据加载到数据表中:

代码语言:javascript
运行
复制
$(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加载到同一个表中,如何做到这一点?

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

代码语言:javascript
运行
复制
var table = $('#example').DataTable();
table.clear().draw();

但是,当我尝试加载更新的JSON时,它显示了以下错误

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

table.rows.add(UpdatedJSON.data); 重播函数:

EN

回答 5

Stack Overflow用户

发布于 2018-03-29 14:31:29

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

票数 0
EN

Stack Overflow用户

发布于 2018-03-29 14:38:44

将数据初始化一次。

代码语言:javascript
运行
复制
$(document).ready(function(){
$('#yourtable').DataTable();
});

在ajax调用之后,您只需要像这样使用它

代码语言:javascript
运行
复制
$.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!!!");
                }
            });
票数 0
EN

Stack Overflow用户

发布于 2018-03-30 11:01:06

我的一个朋友帮我想办法,

var table =$(‘#样例’).DataTable();清除表:

代码语言:javascript
运行
复制
table.clear().draw();

向Reload:

代码语言:javascript
运行
复制
table.rows.add(updatedJSON).draw();

谢谢大家

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49558572

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档