RetroZilla/layout/html/tests/table/dom/insertCellsRebuild1.html
2015-10-20 23:03:22 -04:00

71 lines
1.1 KiB
HTML

<HEAD>
<SCRIPT src=tableDom.js>
</SCRIPT>
<SCRIPT>
function doIt() {
insertCellAt(0, 1, 2, 2);
insertCellAt(7, 1, 1, 1);
}
</SCRIPT>
</HEAD>
<BODY onload="doIt()">
The 2 tables should look the same
<table bgcolor=orange border>
<tr>
<td>c11</td><td>c12</td>
</tr>
<tr>
<td colspan=2>c21</td><td>c22</td>
</tr>
<tr>
<td>c31</td><td>c32</td><td>c33</td><td>c34</td>
</tr>
</table>
<BR>
<table bgcolor=orange border>
<tr>
<td>c11</td><td rowspan=2 colspan=2>X1</td><td>c12</td>
</tr>
<tr>
<td colspan=2>c21</td><td>c22</td>
</tr>
<tr>
<td>c31</td><td>c32</td><td>c33</td><td>c34</td>
</tr>
</table>
<BR>
The 2 tables should look the same
<table bgcolor=orange border>
<tr>
<td>c11</td><td>c12</td><td rowspan=2>c13</td>
</tr>
<tr>
<td>c21</td><td>c22</td>
</tr>
<tr>
<td>c31</td><td>c32</td><td>c33</td>
</tr>
</table>
<BR>
<table bgcolor=orange border>
<tr>
<td>c11</td><td>c12</td><td rowspan=2>c13</td>
</tr>
<tr>
<td>c21</td><td>X1</td><td>c22</td>
</tr>
<tr>
<td>c31</td><td>c32</td><td>c33</td>
</tr>
</table>
</BODY></HTML>