JSFiddle - React, Tailwind, and code Playground
HTML
<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>
<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>
<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>
<button class="btn addbutton">Add</button>
JavaScript
$(document).ready(function() {
$(".addbutton").click(function() {
$(this).closest('table tbody>tr:last').clone(true).insertAfter($(this).closest('table tbody>tr:last'));
return false;
});
});