JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" value="Добавить столбец" id="1">
<input type="button" value="Добавить строку" id="2">
<input type="button" value="Удалить столбец" id="3">
<input type="button" value="Удалить строку" id="4">

<table id="myTable" border="3" >
<tr><td>1</td><td>1</td></tr>
<tr><td>2</td><td>2</td></tr>
</table>

CSS

table { background-color: yellow;      width: 100%;      }

JavaScript

$(function () {
    $('#1').click(function(){
 var n=1;
 $("#myTable tr").each(function(){
 $(this).append("<td>"+n+"</td>");
  n++;
    });
 });
 $('#3').click(function(){
 $('#myTable tr').find('td:last').remove();
 });
 
    $('#2').click(function(){
$('#myTable tbody>tr:last').clone(true).insertAfter('#myTable tbody>tr:last'); 
});
    $('#4').click(function(){
    $('#myTable tr:last').remove();
});
});

 //$('#2').click(function(){
 //$("#myTable").append('<tr><td><a href="#">Удалить строку</a></td></tr>');    
 // $('a').live('click',function(){
 // $(this).parents('tr').remove();