如何使用jQuery數據表插件刪除當前行

Question

我有一個表中的按鈕列我正在使用jQuery數據表插件。按鈕說「刪除」，想法是當你點擊該按鈕時，它刪除表中的當前行。

當我打電話給fnDeleteRow它似乎第一次工作，但沒有任何進一步的時間該行，所以它看起來像它並沒有真正刪除行正確。

Answer 1

試試這個：

var row = $(this).closest("tr").get(0); 
oTable.fnDeleteRow(oTable.fnGetPosition(row)); 

如果它不工作，檢查下列example

Answer 2

從this page：

$('#example tbody td').click(function() { 
    /* Get the position of the current data from the node */ 
    var aPos = oTable.fnGetPosition(this); 

    //... 
}); 

Answer 3

比方說，你附加的功能，當用戶點擊該按鈕被調用。該函數將是這樣的

function DeleteRow(event) 
{ 
    //get the row of the cell that is clicked 
    var $row = $(this).parents("tr").eq(0) 
    //if you need the id you can get it as 
    var rowid = $row.attr("id"); 
    //now you can call delete function on this row 
    $row.delete(); 
} 

Answer 4

如何：

// Delete Row 
    $('.glyphicon-minus').on("click", function() { 
     configTable.row($(this).closest("tr").get(0)).remove().draw(); 
    }); 

Answer 5

這是它對我的作用。在文檔就緒函數中，我將轉換後的HTML表格分配給一個變量，並且當單擊一個按鈕時，我用JQuery瀏覽父母/孩子，並將獲取的行作爲參數發送到函數庫的fnDeleteRow（）函數。

這是來自庫函數的註釋。還有一個在圖書館中提到的例子。

/** 
* Remove a row for the table 
* @param {mixed} target The index of the row from aoData to be deleted, or 
* the TR element you want to delete 
* @param {function|null} [callBack] Callback function 
* @param {bool} [redraw=true] Redraw the table or not 
* @returns {array} The row that was deleted 
* @dtopt API 
* @deprecated Since v1.10 
* 
* @example 
* $(document).ready(function() { 
*  var oTable = $('#example').dataTable(); 
* 
*  // Immediately remove the first row 
*  oTable.fnDeleteRow(0); 
* }); 
*/ 

// And here's how it worked for me. 
var oTable; 
$("document").ready(function() { 
    oTable = $("#myTable").dataTable(); 
}); 

//Remove/Delete button's click. 
$("a[name='deleteColumn']").click(function() { 
    var $row = $(this).parent().parent(); 
    oTable.fnDeleteRow($row); 
});