JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<table border="1" id="tblData">			
		<thead>
			<tr>
				<th width ="20px">ID</th>
				<th width ="360px">Item</th>
				<th width ="20px">Quantity</th>
				<th><input type="button" id="btnAddd" value="New" onclick="add()" /></th>
			</tr>
		</thead>
		<tbody>
		</tbody>
	</table>
</body>

JavaScript

//$('btnAddd').click(function(){
	var count =0;
	
	function add(){
  

	$("#tblData tbody").append(
		"<tr>"+
		"<td ><input type='text' size ='2' value ='"+ ++count +"' /></td>"+
		"<td><input type='text' size ='43'/></td>"+
		"<td><input type='text' size ='4'/></td>"+
		"<td><img src='img/disk.jpg' class='btnSave'><img src='img/delete.png' class='btnDelete'/></td>"+
		"</tr>");
	
		$(".btnSave").bind("click", Save);		
		$(".btnDelete").bind("click", Delete);
}; 


function Save(){
	var par = $(this).parent().parent(); //tr
	var tdName = par.children("td:nth-child(1)");
	var tdPhone = par.children("td:nth-child(2)");
	var tdEmail = par.children("td:nth-child(3)");
	var tdButtons = par.children("td:nth-child(4)");

	tdName.html(tdName.children("input[type=text]").val());
	tdPhone.html(tdPhone.children("input[type=text]").val());
	tdEmail.html(tdEmail.children("input[type=text]").val());
	tdButtons.html("<img src='img/delete.png' class='btnDelete'/><img src='img/edit.png' class='btnEdit'/>");

	$(".btnEdit").bind("click", Edit);
	$(".btnDelete").bind("click", Delete);
}; 


function Edit(){
	var par = $(this).parent().parent(); //tr
	var tdName = par.children("td:nth-child(1)");
	var tdPhone = par.children("td:nth-child(2)");
	var tdEmail = par.children("td:nth-child(3)");
	var tdButtons = par.children("td:nth-child(4)");

	tdName.html("<input type='text' id='txtName' value='"+tdName.html()+"'/>");
	tdPhone.html("<input type='text' id='txtPhone' value='"+tdPhone.html()+"'/>");
	tdEmail.html("<input type='text' id='txtEmail' value='"+tdEmail.html()+"'/>");
	tdButtons.html("<img src='img/disk.jpg' class='btnSave'/>");

	$(".btnSave").bind("click", Save);
	$(".btnEdit").bind("click", Edit);
	$(".btnDelete").bind("click", Delete);
};


function Delete(){
	var par = $(this).parent().parent(); //tr
	par.remove();
}; 


$(function(){
	//Add, Save, Edit and Delete functions code
	$(".btnEdit").bind("click", Edit);
	$(".btnDelete").bind("click",...