JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr class = 'test'>
        <td>
            old
        </td>
    </tr>
</table>
<br><br>
<div class ='addnewrow'>append new row</div>

CSS

.addnewrow{
    border:2px solid;
    padding: 4px;
    text-align: center;
    cursor: pointer;
}

td{cursor: pointer;}

JavaScript

$(".addnewrow").click(function(){
$("table").append('<tr><td>new</td></tr>');
});

$("td").click(function(){
alert('clicked');
});