Get datatables absolute row index, not current page row index?

Question

I'm using DataTables 1.10.4. I'm trying to get the row number of a datatables row I have selected irrespective of the page. I use this:

jQuery(document).on('click', '.someclickedelement', function () 
{ 
    var rowNumber = jQuery(this).parents("tr:first")[0].rowIndex;
});

This gives me the correct row index if my datatable is listing all the rows at once on one page. But if it is listing in pages rowNumber is relative to the current page, not the first page. How do I fix this? How do I get rowIndex relative to the start of the entire table, even if I'm clicking rows on like page 5 or whatever.

Gyrocode.com · Accepted Answer · 2016-05-21 11:47:44Z

2

Use the code below:

var table = $('#example').DataTable();   
$('#example').on('click', 'td', function(){
   var index = $('#example').DataTable()
       .rows({ search: 'applied'})
       .nodes()
       .to$()
       .index($(this).closest('tr'));

   alert(index);      
});

See this jsFiddle for code and demonstration.

answered May 21, 2016 at 11:47

Gyrocode.com

59k16 gold badges157 silver badges192 bronze badges

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

2 Comments

Ken Williams Over a year ago

Thanks, that was perfect.

Malcolm Salvador Over a year ago

@KenWilliams accept this answer if this is what you needed

Collectives™ on Stack Overflow

Get datatables absolute row index, not current page row index?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related