JSFiddle - React, Tailwind, and code Playground

by Jimmy Sawczuk

HTML

<table cellpadding="5" cellspacing="5" border="0" id="TableID" class='tableOne'>
</table>
<input id="btn" value="test" type="button" />

CSS

.tableOne
{
    border: 3px solid black;    
}
.tableTwo
{
    border: 2px solid red;
}

JavaScript

$('#btn').click(function() {
    var html = '';
    html += "<tr><td><table class='tableTwo'><tr><td>Row1</td></tr></table></td></tr>";
    
    html += "<tr><td><table class='tableTwo'><tr><td>Row2</td></tr></table></td></tr>";
    
    $('#TableID').append(html);
    newhtml = "<tr><td>Row3</td></tr>";
    $('#TableID').append(newhtml);
});