JSFiddle - React, Tailwind, and code Playground

HTML

<table border="3" WIDTH="50%" id="grid">       
    <tr><td>Номер</td><td>Дата</td></tr>
    <tr><td>1</td><td>01.01.2009</td></tr>
    <tr><td>2</td><td>01.02.2009</td></tr>       
</table>

<button id="addTableRow">Add new field</button>
<button id="delTableRow">Delete field</button>

JavaScript

function addTableRow(grid){     
    grid.each(function(){    
   var tds = '<tr>';        
 grid.each($('tr:lasttd', this), function() {tds+= '<td>'+$(this).html()+'</td>';});       
        tds += '</tr>';         if($('tbody', this).length > 0){$('tbody', this).append(tds);         }else {$(this).append(tds);}    
    }); }

function delTableRow(grid){
    grid.each(function(){
        if ($('tr', this).length <= 2) return false; //это значит что первые две строки нельзя удалять ни при каких обстоятельствах
        $('tr:last', this).remove();
    });
}