gecko/layout/html/tests/table/dom/appendColGroup1.html

49 lines
809 B
HTML

<HEAD>
<SCRIPT src=tableDom.js>
</SCRIPT>
<SCRIPT>
function doIt() {
var table = document.getElementsByTagName("TABLE")[0];
var cg = document.createElement("COLGROUP", null);
cg.width=200
var col = document.createElement("COL", null);
cg.appendChild(col);
col = document.createElement("COL", null);
cg.appendChild(col);
table.appendChild(cg);
}
</SCRIPT>
</HEAD>
<BODY onload="doIt()">
The 2 tables should look the same
<table bgcolor=orange border>
<colgroup>
<col width=100>
</colgroup>
<tr>
<td>col-100</td><td>cg-200</td><td>cg-200</td>
</tr>
</table>
<BR>
<table bgcolor=orange border>
<colgroup>
<col width=100>
</colgroup>
<colgroup width=200>
<col>
<col>
</colgroup>
<tr>
<td>col-100</td><td>cg-200</td><td>cg-200</td>
</tr>
</table>
<BR>
</BODY></HTML>