JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table" id="mytable">
    <thead>
        <td>Col1</td>
        <td>Col2</td>
    </thead>
    <tbody>
        <tr>
            <td>Data</td>
            <td>More</td>
        </tr>
        <tr>
            <td>Example</td>
            <td>Stuff</td>
        </tr>
    </tbody>
</table>
<button class="btn addbutton">Add</button>
<table class="table">
    <thead>
        <td>Col1</td>
        <td>Col2</td>
    </thead>
    <tbody>
        <tr>
            <td>Data</td>
            <td>More</td>
        </tr>
        <tr>
            <td>Example</td>
            <td>Stuff</td>
        </tr>
    </tbody>
</table>
<table class="table">
    <thead>
        <td>Col1</td>
        <td>Col2</td>
    </thead>
    <tbody>
        <tr>
            <td>Data</td>
            <td>More</td>
        </tr>
        <tr>
            <td>Example</td>
            <td>Stuff</td>
        </tr>
    </tbody>
</table>

JavaScript

$(document).ready(function() {
        $(".addbutton").click(function() {
            $('#mytable tbody>tr:last').clone(true).insertAfter('#mytable tbody>tr:last');
            return false;
        });
    });