數據表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（）函數，然后刪除數據表主體的所有內容。