JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <head>
    <script type="text/javascript">
        var response = "<form><tr><td>Колонка  №1</td><td>Колонка №2</td><td>Колонка  №3</td></tr></form>"; // ответ сервера

      function addRow(tableId,content)
      {

        var table = document.getElementById(tableId);
        if (table)
        {
          var m;                
          var html = ((m = content.match(/^<tr>(.*)<\/tr>$/i)) != null) ? m[1] : content;
          var tr = table.insertRow(-1);
          if (navigator.userAgent.match(/MSIE/i)) // в IE tr.innerHTML только для чтения
          {
            var div = document.createElement("div");
            div.style.display = "none";
            div.innerHTML = "<table><tr>" + html + "</tr></table>";
            document.getElementsByTagName('body')[0].appendChild(div);
            var tds = div.getElementsByTagName("td");
            while (tds.length)
            {
              tr.appendChild(tds[0]);
            }
            div.parentNode.removeChild(div);
          }
          else
            tr.innerHTML = html;  // в других браузерах просто присвоим innerHTML
        }
      }
    </script>
  </head>
  <body>
    <table id="table1" width="80%" border="1" cellspacing="0" cellpadding="0">
       <tr><th>Первая колонка</th><th>Вторая  колонка</th><th>Третья колонка</th></tr>
      <tr><td>111</td><td>222</td><td>333</td></tr>
      <tr><td>444</td><td>555</td><td>666</td></tr>
    </table>
    <br><br>
    <input type="button" value="Добавить строку" onclick="addRow('table1',response); return false;"/>
  </body>
</html>