jQuery: deleting row in datatables

Question

I'm using jquery datatables and I have some <tr> inside a table with the following structure:

<tr class="odd">
     <td class="  sorting_1">0</td>
     <td class=" ">2011</td>
     <td class=" ">20</td>
     <td class=" ">
         <span class="btn-group">
            <a class="del btn btn-small" href="#"><i class="icon-delete"></i></a>       
         </span>
     </td>
</tr>

I writed the following jquery code for deleting the row associated to the button I click on.

$(".del").bind("click", function(event){
        var target_row = $(this).parent().parent().parent();
        var aPos = oTable.fnGetPosition(target_row); // the error occurs here!
        oTable.fnDeleteRow(aPos);
          });

but I obtain an error like this:

"TypeError: a.nodeName is undefined" in jquery min script file.

EDIT:

Here the code for creating datatables:

if( $.fn.dataTable ) {
            $(".mws-datatable").dataTable();
            var oTable = $(".mws-datatable-fn").dataTable({
                bRetrieve: true,
            sPaginationType: "full_numbers"
            });
        }

please post whole of your relevant jQuery code :) and try including jquery from Google APIs and see it it works — Mohammad Areeb Siddiqui
– Mohammad Areeb Siddiqui, Commented Jul 6, 2013 at 16:21
I have already tried using Google APIs cdn, but it does not works. @Hearaman here you can find the logic og fnGetPosition: datatables.net/ref#fnGetPosition — GVillani82
– GVillani82, Commented Jul 6, 2013 at 16:26

SetFreeByTruth · Accepted Answer · 2014-05-12 20:34:22Z

54

I solved the problem using this code:

$(".del").bind( "click", function(event) {
    var target_row = $(this).closest("tr").get(0); // this line did the trick
    var aPos = oTable.fnGetPosition(target_row); 

    oTable.fnDeleteRow(aPos);
});

edited May 12, 2014 at 20:34

SetFreeByTruth

8438 silver badges23 bronze badges

answered Jul 6, 2013 at 16:34

GVillani82

17.4k32 gold badges110 silver badges177 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kirill · Accepted Answer · 2017-01-10 16:24:52Z

2

$().ready(function () {
  $('body').on('click', '#deletebtn', function () {
    $("#example1 tr").each(function () {
      var rowSelector = $(this);

      if (rowSelector.find("input[type='checkbox']").prop('checked')) {
        rowSelector.remove();
      }
    });
  });
});

edited Jan 10, 2017 at 16:24

Kirill

2,5901 gold badge17 silver badges16 bronze badges

answered Jan 10, 2017 at 15:27

Hasnain Mehmood

4275 silver badges5 bronze badges

Collectives™ on Stack Overflow

jQuery: deleting row in datatables

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related