動態添加一個刪除行jQuery DataTables

我想動態地添加一行到具有編輯/刪除列的表中。點擊刪除時，我想刪除點擊行。動態添加一個刪除行jQuery DataTables

我已經初始化我的表，並以下列方式中的數據：

  $('#myTable').dataTable(); 


      $("#myTableAddButton").click(function() { 
       var myVal1= $('#Val1').val(); 
       var myVal2= $('#Val2').val(); 
       var myVal3= $('#Val3').val(); 


       $('#myTable').dataTable().fnAddData([ 
        myVal1, 
        myVal2, 
        myVal3, 
        '<a href="#" onclick="EditRow();return false;">Edit</a>/<a href="#" onclick="deleteRow();return false;">Delete</a>' 
       ]);

然後我DeleteRow()功能很簡單：

function deleteContactRow() { 
    //get the row of the cell that is clicked 
    var $row = $(this).closest("tr"); 
    $row.delete(); 
}

但好像row.delete不是有效功能。是否有另一種方法來刪除該行？

編輯：無論$(this).remove()和$row.remove()不工作

來源

2013-05-01 Barry Tormey

你的意思是http://api.jquery.com/remove？ – Blazemonger 2013-05-01 21:28:26

[如何用jquery datatable插件刪除當前行]可能的重複（http://stackoverflow.com/questions/1926183/how-to-delete-current-row-with-jquery-datatable-plugin） – Blazemonger 2013-05-01 21:29:25

我想你想的魔法

$row.parentNode.removeChild($row);

未經檢驗。

來源

2013-05-01 22:22:25 Ian

對於數據表的1.9.x

function deleteContactRow() { 
    //get the row of the cell that is clicked 
    var $row = $(this).closest("tr"); 
    $('#myTable').dataTable().fnDeleteRow($row.get(0)); 
}

從manual：

fnDeleteRow刪除的行爲表

輸入參數：
{mixed}：的索引從aoData刪除行，或TR元素要刪除
{function|null}：回調函數
{bool} [default=true]：重繪表或不

返回參數：
{array}：已刪除

詳情請參閱fnDeleteRow行。

來源

2015-07-07 16:05:46

動態添加一個刪除行jQuery DataTables

回答

相關問題