1st cell | 2nd cell | 3rd cell |
Code of this table:
td
{
border: none 0px;
padding: 16px;
}
(...)
<table cellspacing="0" id="idTable">
<col width="100">
<col width="200">
<col width="300">
<tr>
<td style="background-color: yellow; color: black;">1st cell</td>
<td style="background-color: green; color: white;">2nd cell</td>
<td style="background-color: blue; color: white;">3rd cell</td>
</tr>
</table>
The table width (offsetWidth) is
A <col>'s width is equal to a table's cellspacing + 2 * cellborder width + 2 * cellpadding width + cell content's width in the border-collapse: separate model.
Reference: "In this [automatic table layout] algorithm (which generally requires no more than two passes), the table's width is given by the width of its columns (and intervening borders)." coming from CSS 2.1, Section 17.5.2.2