關於從數據表中刪除/刪除行的問題永久

Question

您可以請看看this demo並讓我知道爲什麼我無法從dataTables表中刪除一行？通過

$('#deleteRow').on('click', function() { 
    $('tr').eq(4).remove(); 
}); 

例如在演示中我試圖刪除/刪除第三插入行到表中，但只要我添加一個新的行刪除行也出現在了桌子！

你能讓我知道我做錯了什麼，我該如何解決這個問題？

Answer 1

總是通過API！使用

$('#deleteRow').on('click', function() { 
    t.row(2).remove().draw(); 
}); 

取而代之。 row(2)，因爲你想刪除第三行，並且行索引是從零開始的。更新小提琴 - >https://jsfiddle.net/5sb9uya6/1/

Answer 2

DEMO

請注意，這種方法從表 內部要刪除的數據，但這一行動將不會被視覺顯示，直到平局（） 方法被調用更新顯示。此方法可簡單地稱爲 作爲rows（）。remove（）方法的返回對象 - ，例如table.rows（）。remove（）。draw（）;的鏈接方法。如果多行被刪除 進行優化，此方法用於減少所需的繪製次數。

Source

$(document).ready(function() { 
    var t = $('#example').DataTable(); 

    var counter = 1; 
    $('#addRow').on('click', function() { 

     t.row.add([ 
     counter + '.1', 
     counter + '.2', 
     counter + '.3', 
     counter + '.4', 
     counter + '.5']).draw(false); 

     counter++; 
    }); 

    $('#deleteRow').on('click', function() { 
     var ind=$('tbody > tr:last').index(); 
     t.rows(ind).remove().draw() 
    }); 


});