JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.3.js"></script>
<table border="1" id="a">
  <tr>
    <td>0</td>
    <td>0</td>
    <td>0</td>
  </tr>
  <tr>
    <td>0</td>
    <td>0</td>
    <td>0</td>
  </tr>
  <tr>
    <td>0</td>
    <td>0</td>
    <td>0</td>
  </tr>
</table>
<button id="add-row">Add row</button>

<table border="1" id="b">
  <tr>
    <td>0</td>
    <td>0</td>
    <td>0</td>
  </tr>
  <tr>
    <td>0</td>
    <td>0</td>
    <td>0</td>
  </tr>
  <tr>
    <td>0</td>
    <td>0</td>
    <td>0</td>
  </tr>
</table>
<button id="add-col">Add column</button>

<table border="1" id="c">
  <tr>
    <td>0</td>
    <td>0</td>
    <td>0</td>
  </tr>
  <tr>
    <td>0</td>
    <td>0</td>
    <td>0</td>
  </tr>
  <tr>
    <td>0</td>
    <td>0</td>
    <td>0</td>
  </tr>
</table>

CSS

table td {
  padding: 0 4px;
}

JavaScript

$(function() {
  var getTd = function getTd() {
    var result = "";
    for (var i = 0; i < $('#a tr:first-child td').length; i++) {
      result += '<td>0</td>';
    }
    return result;
  }
  
  var getTdForC = function getTdForC() {
    var result = "";
    for (var i = 0; i < $('#b tr:first-child td').length; i++) {
      result += '<td>0</td>';
    }
    return result;
  }

  var getTr = function getTr() {
    var result = "";
    for (var i = 0; i < $('#a tr').length; i++) {
      result += '<td>0</td>';
    }
    return result;
  }

  $('body').on('click', '#add-row', function() {
    $('#c').append('<tr>' + getTdForC() + '</tr>');
    $('#a').append('<tr>' + getTd() + '</tr>');
  });
  
  $('body').on('click', '#add-col', function() {
    var tr = getTr();
    $('#c tr').append('<td>0</td>');
    $('#b tr').append('<td>0</td>');
  });

});