<!DOCTYPE html>
<style>
col { width: 200px; }
td { background-color: #66f; height: 25px; }
</style>
<script type="text/javascript">
onload = function () {
var col = document.getElementById('thecol');
col.offsetTop;
col.style.width="100px";
checkLayout("td", document.getElementById("test-output"));
}
</script>
<script src="../../resources/check-layout.js"></script>
Tests that the width of table cell changes on changing the colgroup width to new width.
<table>
<colgroup>
<col id="thecol">
</colgroup>
<tbody>
<tr>
<td data-expected-width="100"></td>
</tr>
</tbody>
</table>
<div id="test-output"></div>