jquery datatable प्लगइन के साथ वर्तमान पंक्ति को कैसे हटाएं

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