JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<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="btnAdd" value="New" /></th>
			</tr>
		</thead>
		<tbody>
		</tbody>
	</table>
</body>

JavaScript

var count =0;
	
	function Add(){
  

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


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.prop('disabled', true);
	tdPhone.html(tdPhone.children("input[type=text]").val());
	tdEmail.html(tdEmail.children("input[type=text]").val());
	tdButtons.html("<img src='img/delete.png' alt='delete' class='btnDelete'/>|<img src='img/edit.png' alt='edit' class='btnEdit'/>");

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


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' name='row-id' 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' alt='save' class='btnSave'/>");

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


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

function Reorder(){
   ...