Insert a Row Example : Row « Table « JavaScript DHTML






  1. JavaScript DHTML
  2. Table
  3. Row

Insert a Row Example

    
<html>
<body>
<script language="JavaScript">
function function1() {
   var myRow = document.all.myTable.insertRow();
   var myCell = myRow.insertCell();
   myCell.innerText = "The added cell"; 
} 
</script>
<table id="myTable" border="1" cellspacing="5" cellpadding="5">
   <tr>
       <td width="100">1&nbsp;</td>
       <td width="100">2&nbsp;</td>
   </tr>
   <tr>
       <td>3&nbsp;</td>
       <td>4&nbsp;</td>
   </tr>
</table>
<button onclick="function1();">Add a cell</button>
</body>
</html>








Related examples in the same category

1.Table row Index
2.Table section Row Index
3.Delete Row
4.Move a Row Example
5.'rowSpan' Example