JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="5" cellspacing="5" border="0" class='tableOne'>
    <tbody id="TableID"></tbody>
</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>\
  <tr>\
    <td>\
      <table class='tableTwo'>\
        <tr>\
          <td>Row2\
          </td>\
        </tr>\
      </table>\
    </td>\
  </tr>";
    $('#TableID').html(html);
    var newhtml = "<tr><td>Row3</td></tr>";
    $('#TableID').append(newhtml);
});