how to add data-attributes to the rows of a JQuery DataTable

Question

I would like to had (multiple) data-attributes to the generated rows of my JQuery DataTable so that I can store data in it.

What I want to achieve is to make DataTables generate something like this:

<tr data-foo="bar">
  <td></td>
</tr>

Is it possible? How to do it? Thanks.

Possible duplicate of How to add attribute in TR and TD?

markpsmith
– markpsmith

2017-12-27 15:24:56 +00:00
Commented Dec 27, 2017 at 15:24 — markpsmith
– markpsmith, Commented Dec 27, 2017 at 15:24

Alex · Accepted Answer · 2017-12-27 15:52:25Z

35

So I found out, what I needed was to set my attributes dynamically, it's possible using the data parameter of the function, it contains the model corresponding to the row.

    var table = $('#incidentTable').DataTable({
        createdRow: function (row, data, dataIndex) {
            $(row).attr('data-id', data.Id);
            $(row).attr('data-ownerid', data.OwnerId);
        }
    });

answered Dec 27, 2017 at 15:52

Alex

7943 gold badges10 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

how to add data-attributes to the rows of a JQuery DataTable

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