刪除沒有在jQuery數據表中呈現的行

Question

我有一個表，我有複選框作爲第一列，所以我可以選擇和刪除所有我想要的行。

要選擇行，我使用複選框單擊事件來記錄選定的cId（不是數據錶行id）並存儲在一個數組中。

我有一個刪除按鈕來刪除所有選定的行。我在click事件中使用以下代碼來刪除選定的行。

$.each(selectedChks, function (index, cId){ 
       checkbox = $("#chk-"+cId); 
       target_row=$(checkbox).closest("tr")[0]; 
       oDataTable.fnDeleteRow(target_row, null, false); 
    }); 
    oDataTable.fnDraw(); 

它似乎在呈現的行上正常工作。我可以刪除渲染表中的多行。

但是，如果我選擇的行在不同的頁面中，上面的代碼將失敗，並出現TypeError錯誤：s [b]未定義。

任何幫助，非常感謝。

Answer 1

這聽起來像你有問題刪除任何由於分頁被啓用而被隱藏的行。

我設置了一個小提琴，它看起來不像你可以刪除不在當前頁面中的行。儘管如此，還是有辦法的。

這是fiddle of a working demo。

/* Init the table */ 
var oTable = $('#example').dataTable(), 
    selectedChks = ['1', '4', '8', '10', '14', '19']; 

/* Add a click handler for the delete row */ 
$('#delete').click(function() { 
    //revert table 
    oTable.fnDestroy(); 
    $.each(selectedChks, function (index, cId) 
    { 
     //now that we reverted the table, lets just use jQuery to remove the row 
     $("#chk-"+cId).closest('tr').remove(); 
    }); 
    //initialize new table, so that row counts etc are updated 
    oTable = $('#example').dataTable(); 
});