<HEAD>
<SCRIPT src=tableDom.js>
</SCRIPT>
<SCRIPT>

function doIt() {
  appendCellAt(0, 2, 1);

  appendCellAt(4, 2, 1);
  appendCellAt(4, 2, 1);
}
</SCRIPT>  
</HEAD>
<BODY onload="doIt()">
The 2 tables should look the same
<table bgcolor=orange border>
 <tbody>
 <tr>
  <td>c11</td>
 </tr>
 <tr>
  <td>c21</td><td>c22</td>
 </tr>
 </tbody>
</table>
<BR>
<table bgcolor=orange border>
 <tbody>
 <tr>
  <td>c11</td><td rowspan=2>X1</td>
 </tr>
 <tr>
  <td>c21</td><td>c22</td>
 </tr>
 </tbody>
</table>
<BR>
The 2 tables should look the same
<table bgcolor=orange border>
 <tbody>
 <tr>
  <td>c11</td>
 </tr>
 <tr>
  <td>c21</td><td>c22</td>
 </tr>
 </tbody>
</table>
<BR>
<table bgcolor=orange border>
 <tbody>
 <tr>
  <td>c11</td><td rowspan=2>X2</td><td rowspan=2>X3</td>
 </tr>
 <tr>
  <td>c21</td><td>c22</td>
 </tr>
 </tbody>
</table>


</BODY></HTML>