JSFiddle - React, Tailwind, and code Playground

by Ivan Septian

HTML

<table id="table">
 <thead>
   <tr>
     <td><button type="button" onclick="addRow();">ad</button></td>
     <td>Name</td>
   </tr>
 </thead>
   
 <tbody>
   <tr>
     <td style="vertical-align:middle;">remove</td>
     <td>UAT Date</td>
   </tr>
 </tbody>
 </table>

JavaScript

function addRow()
{
	$('#table').append(
  	  '<tr>'
    +   '<td style="vertical-align:middle;">remove</td>'
    +   '<td>UAT Date</td>'
    + '</tr>'
  );
}