JSFiddle - React, Tailwind, and code Playground

HTML

<table id="dynamicTbl" style="border:1px;">

  </table>
  <input type="button" id="btnSubmit" value="Save"/>
  <input type="button" id="btnAdd" value="Add"/>

JavaScript

$(document).ready(function(){
var html="<tr>";
    html +="<td>";
    html +="<input type='text'/>";
    html+="</td>";
    html +="<td>";
    html +="<input type='text'/>";
    html+="</td>";
    html +="<td>";
    html +="<input type='text'/>";
    html+="</td>";
    html+="</tr>";
     $('#dynamicTbl').html(html);
    $('#btnSubmit').on('click',function(){
        var myData=[]; //declaring arrary
    var rows = $('#dynamicTbl').find('tr');
        rows.find('td input').each(function(){
            myData.push($(this).val());
        });
        alert(myData);
    });
    $('#btnAdd').on('click',function(){
    var html="<tr>";
    html +="<td>";
    html +="<input type='text'/>";
    html+="</td>";
    html +="<td>";
    html +="<input type='text'/>";
    html+="</td>";
    html +="<td>";
    html +="<input type='text'/>";
    html+="</td>";
    html+="</tr>";
     $('#dynamicTbl').append(html);
    });
});