get row number on row click in jQuery for bootstrap table

Question

As easy as it sounds but I am stuck in retrieving the row number of the current clicked/selected row.

I have tried the following so far. I am using bootstrap table just in case you want to know.

$('#myTable').on('click-row.bs.table', function (e, row, $element) {

     //var row_num = parseInt($(this).parent().index()) + 1;

     //var row_num = $(this).closest('tr').index();

     //var row_num = $(this).closest('td').parent()[0].sectionRowIndex;

}

None seem to be working for me.

possible duplicate of jQuery: Which row number is clicked in table — Ivan Sivak
– Ivan Sivak, Commented May 18, 2015 at 19:54
If you add your html and describe what you want to achieve (for example if a row is clicked it should get a different background) we can help you better. Could you explain why the answers did not work for you?. — surfmuggle
– surfmuggle, Commented May 18, 2015 at 19:56
@IvanSivak, tried both the answers there...didnt work for me. — Nitin P
– Nitin P, Commented May 18, 2015 at 19:57
@threeFourOneSixOneThree....the answers are always returning 1 if i do a +1 or in other words 0 — Nitin P
– Nitin P, Commented May 18, 2015 at 20:10

Mehran Hatami · Accepted Answer · 2015-05-18 20:23:23Z

4

Th problem you have is simply about the way that click-row.bs.table works, as far as click-row.bs.table is a table event, this keyword points to the table itself not to the row, so you just need to use the $element instead:

$('#myTable').on('click-row.bs.table', function (e, row, $element) {
  var row_num = $element.index() + 1;
});

edited May 18, 2015 at 20:23

answered May 18, 2015 at 20:12

Mehran Hatami

13k6 gold badges31 silver badges36 bronze badges

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

1 Comment

Nitin P Over a year ago

you missed the opening braces there ( - for element

Remi · Accepted Answer · 2018-06-13 14:49:58Z

-2

Its better to use the data attribute with the index

$element.data('index')

The method .index() will change if there are rows added for example by using expandRow

// Open or close on click
$table.on('click-row.bs.table', function (e, row, $element, index) {
  if(!row.open){
    $table.bootstrapTable('expandRow', $element.data('index'));
  }
  else{
    $table.bootstrapTable('collapseRow', $element.data('index'));
  }
});

answered Jun 13, 2018 at 14:49

Remi

5141 gold badge4 silver badges11 bronze badges

Collectives™ on Stack Overflow

get row number on row click in jQuery for bootstrap table

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related