Datatable get data attribute on click row

Question

I use datatable

A typical row is

<tr>
      <td data-id="1">Tiger Nixon</td>
      <td>System Architect</td>
      <td>Edinburgh</td>
      <td>61</td>
      <td>2011/04/25</td>
      <td>$320,800</td>
</tr>

I created an example

http://jsfiddle.net/hb7v1mgy/

Init of the table

 var table = $('#example').DataTable({
    responsive: true
  });

When I click on a row, I would like to get data attritube id, actually I get column value (Tiger, System...)

$('#example tbody').on('click', 'tr', function() {
    //get only value of td... not data attribute
    var data = table.row(this).data();
});

Check out the datatables.net-select plugin (which is developed by dt authors) for this purpose. npmjs.com/package/datatables.net-select — connexo
– connexo, Commented Jun 13, 2018 at 13:18
document is not very speaking datatables.net/reference/event/select#Examples — robert trudel
– robert trudel, Commented Jun 13, 2018 at 14:34
I had my troubles with the documentation as well, but console.logging the selected row's data might help you get started: table.on('select', function (e, dt, type, indexes) { console.log(table.rows(indexes).data()) }); — connexo
– connexo, Commented Jun 13, 2018 at 14:45
Just remember that select event only gives you the last selected row(s). You will have to calculate the list of selected rows by yourself in case of multiselect. — connexo
– connexo, Commented Jun 13, 2018 at 14:47

Marc Collin · Accepted Answer · 2018-06-13 14:55:06Z

4

In your click method

var tr = $(this).closest('tr');
var id = tr.children("td:eq(0)").attr('data-id')

you don't need select plugin...

answered Jun 13, 2018 at 14:55

Marc Collin

4992 silver badges4 bronze badges

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

Collectives™ on Stack Overflow

Datatable get data attribute on click row

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related