Example
A <colgroup> element that specifies that the first column should have a predefined width of 200 pixels:
<table>
<colgroup width="200">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
Try it Yourself »
Definition and Usage
The width attribute specifies the width of a column group.
Normally, a column group takes up the space it needs to display the content. The width attribute is used to set a predefined width of a column group.
Note: This attribute will be overwritten by any width set by <col> elements.
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | Yes | Yes | Yes |
The width attribute is supported in all major browsers. However, none of the browsers support the relative_length value.
Compatibility Notes
The width attribute of <colgroup> is not supported in HTML5. Use CSS instead.
CSS syntax: <td style="width:200px">
CSS Example: Specify width of a table column
In our CSS tutorial you can find more details about the width property.
Syntax
<colgroup width="pixels|%|relative_lngth">
Attribute Values
| Value | Description |
|---|---|
| pixels | Sets the width in pixels (example: width="50") |
| % | Sets the width in percent of the surrounding element (example: width="50%") |
| relative_length | Shares the available pixels into parts. (e.g. A table is 100 px, the first column group is
20 px, the second is 50%, the available pixels will then be 30px). One part is set like this: "1*".
Example: If 30 px of space are available, you can have one "1*" and one "2*", which will be interpreted as 10 and 20 px (think of 1* as one part, and 2* as two parts). |