DataTable JQuery | 重新初始化并获取列和行

Question

我的页面中有一个数据表,其中包含状态列和视图详细信息列.单击视图详细信息后,它将弹出一个模态,模态包含一个状态下拉列表,当更改时,数据库中的某个值将更改.但是,在关闭模态后,数据表中的值不会更改.如何重新加载数据表而不重新初始化它,或者如何获取我单击的列和行,以便我可以更改某个列和行的值.我有这个代码用于初始化doc.ready上的数据表

 function createTable(data){
        for (i in data){
            var message = "<tr>";
            var statusHolder = "";


            if(data[i].status == "open"){
                statusHolder = "Open";
            } else if (data[i].status == "resolved"){
                statusHolder = "Resolved";
            } else {
                statusHolder = "Closed";
            }
            var id = data[i].id;
            message+= "<td>" + statusHolder + "</td>";
            message+= "<td><input id = 'ticketId' type ='hidden' value = " + data[i].id +" /><input type = 'hidden' id = 'support-type-name' value = 'call-back'/><a href='javascript:retrieveCommentsInfo(" + data[i].id +")' id='view-ticket-info'>" + " View details" + "</span></td>";          
            message+= "<td>" + data[i].id + "</td>";


            $("#callback-request-body").append(message);


        }

        $("#callback-request-table").dataTable({
            "columnDefs": [ {"visible": false, "targets": [6]},
                          ]
        });
}

Answer 1

回答!所以我用这个创建了一个函数来重新定位数据表.

function reInitializeDataTables(){
    callbackTable.destroy();
    $("#callback-request-body").empty();
    retrieveCallBackRequests();

    contactUsTable.destroy();
    $("#contactus-table-body").empty();
    retrieveContactUsMessages();
}

我将只对数据表使用.destroy()函数,然后删除数据表正文的所有内容.