JSFiddle - React, Tailwind, and code Playground

by yijiang

HTML

<a class="addrowb" href="#">Add row In the bottom</a> <a class="addrowt" href="#">Add row In the Top</a>
<table border="1">
    <tbody>
        <tr>
            <td>Text 1</td>
            <td>text 2</td>
        </tr>
    </tbody>
</table>

JavaScript

$("a.addrowb").click(function() {
    $("table tbody").append("<tr><td>new row on bottom</td><td></td></tr>");
    return false;
})
$("a.addrowt").click(function() {
    $("table tbody").prepend("<tr><td>new row on top</td><td></td></tr>");
    return false;
})