jQuery Datatables - How to get the index of a row when a button in that row is clicked

Question

Here's what I'm attempting to do:

I have an edit button within every row. when the user clicks on that edit button, I need to get the index of that row..but I'm not sure how exactly to do that. Anyone know how to do this? Please check out my Datatables live link below to further understand my problem and make any necessary changes.

Datatables live link: http://live.datatables.net/madadak/2/edit

Thanks!

Community · Accepted Answer · 2017-05-23 12:20:45Z

3

Change the jQuery code to be this:

$(document).ready( function () {
var table = $('#example').DataTable();
    $("#example tbody").on('click', '.editButton', function() {
        alert('Row index:' + $(this).closest('tr').prevAll().length );
    });                      
} );

It starts with index 0 which I hope is what you want. I found it here if you're wondering.

edited May 23, 2017 at 12:20

CommunityBot

11 silver badge

answered Jun 30, 2014 at 21:31

mcon

6646 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

jQuery Datatables - How to get the index of a row when a button in that row is clicked

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related