Come eliminare la riga corrente con il plug-in datatable jquery

Question

Ho una colonna con pulsanti in una tabella Sto usando il plugin datatable di jQuery. I pulsanti dicono "Rimuovi" e l'idea è che quando si fa clic su quel pulsante si cancella la riga corrente nella tabella.

Quando chiamo fnDeleteRow sembra funzionare la prima volta ma non c'è più tempo per quella riga, quindi sembra che non stia davvero eliminando la riga correttamente.

Answer 1

Prova questo:

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

Se non funziona, controllare quanto segue example

Answer 2

da this page:

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

    //... 
}); 

Answer 3

Diciamo che è stato collegato una funzione da richiamare quando l'utente fa clic sul pulsante. La funzione sarebbe qualcosa di simile

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

ne dite di questo:

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

Answer 5

Questo è il modo in cui funziona per me. Nella funzione pronto per il documento assegno la versione convertita della tabella HTML a una variabile e quando si fa clic su un pulsante, passiamo attraverso i genitori/child con JQuery e inviamo la riga che si ottiene come parametro alla funzione fnDeleteRow() della libreria.

Ecco i commenti dalla funzione di libreria. E un esempio menzionato in biblioteca.

/** 
* 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); 
});