Add row to table

I have found one way to add `<td>` to a table. But the `<tr>` adds automagically so I cannot add **data-id** to the `<tr>`

The current result
[url=https://postimages.org/][img]https://i.postimg.cc/wxR57pJd/tr.png[/img][/url]
The desired result

“`
<tr data-id=”1″>
<td data-key=”tsk_subject”>subject1</td>
<td class=”more”>56</td>
</tr>
<tr data-id=”2″>
<td data-key=”tsk_subject”>subject2</td>
<td class=”more”>456</td>
</tr>
<tr data-id=”3”>
<td data-key=”tsk_subject”>subject 3</td>
<td class=”more”>more</td>
</tr>
<tr data-id=”4”>
<td data-key=”tsk_subject”>subject 3</td>
<td class=”more”>more</td>
</tr>
<tr data-id=”5”>
<td data-key=”tsk_subject”>subject 3</td>
<td class=”more”>more</td>
</tr>
“`

The fiddle I used:
http://jsfiddle.net/od2z3eu8/3/

Any tip how I can add data-id on the fly?

Also in #JavaScript _↴