ตัวอย่างการสร้าง Table แบบสามารถเพิ่มลบแถวได้ โดยไม่ต้อง Refresh หน้าเว็บ Page

<script language="JavaScript"> 
function addRow(strCustomerID,strName,strEmail,strCountryCode,strBudget,strUsed)
{
		
		if (!document.getElementsByTagName) return;
		tBody=document.getElementsByTagName("tbody").item(0);

		//*** New Row ***//
		NewRow=document.createElement("tr");
		
		//*** Cell CustomerID ***//
		cellCustomerID = document.createElement("td");
		nodeCustomerID=document.createTextNode(strCustomerID);
		cellCustomerID.appendChild(nodeCustomerID);
		NewRow.appendChild(cellCustomerID);
		
		//*** Cell Name ***//
		cellName = document.createElement("td");
		nodeName=document.createTextNode(strName);        
		cellName.appendChild(nodeName);
		NewRow.appendChild(cellName);

		//*** Cell Budget ***//
		cellEmail = document.createElement("td");
		nodeEmail=document.createTextNode(strEmail);        
		cellEmail.appendChild(nodeEmail);
		NewRow.appendChild(cellEmail);
		
		//*** Cell Country Code ***//
		cellCountryCode = document.createElement("td");
		nodeCountryCode=document.createTextNode(strCountryCode);        
		cellCountryCode.appendChild(nodeCountryCode);
		NewRow.appendChild(cellCountryCode);
		
		//*** Cell Budget ***//
		cellBudget = document.createElement("td");
		nodeBudget=document.createTextNode(strBudget);        
		cellBudget.appendChild(nodeBudget);
		NewRow.appendChild(cellBudget);
		
		//*** Cell Used ***//
		cellUsed = document.createElement("td");
		nodeUsed=document.createTextNode(strUsed);        
		cellUsed.appendChild(nodeUsed);
		NewRow.appendChild(cellUsed);

		tBody.appendChild(NewRow);
}
</script>