jQuery dataTable列更新和導出

Question

我的問題是，一旦加載了dataTable，我將使用新值更新某些列，並且它可以正常工作。 但是，當我嘗試導出表時，導出的數據僅具有舊值，而沒有新值。 另外，即使我嘗試根據新值執行搜索，它也會顯示無可用數據。

任何變通辦法將是一個很大的幫助。

 //Adding a button "oTableTools": { "aButtons": [ { "sExtends": "xls", "sButtonText": "Export data as CSV", "mColumns": "visible" } ] } // Updating the column var oTable = $('#example').dataTable(); oTable.fnUpdate(colData, $("tr#"+i)[0],10); //Updating oTable.fnDraw(); // Since doing an update alone is not working, I tried to draw the table again 

Answer 1

似乎在更新顯示數據時沒有更新被過濾的數據。
為您的updateColumn函數嘗試以下操作：

function updateColumn(){
    var oTable = $("#dashboard").dataTable();

    oTable.fnDeleteRow(1);
    oTable.fnAddData({
        "name":"Jerald",
        "id":"2",
        "dep":"Mech" });
    oTable.fnDraw(true); //Redraw
}

刪除行並添加具有更新信息的新行也應更新過濾器數據。

您的腳本還有另一個問題。 您在每次繪制時都將調用updateColumn函數，這是不必要的。 嘗試移動它，使其僅被調用一次。

這是一個工作的jsFiddle來說明這些更改： jsFiddle