Thread: hi., i have to know about<colgroup> tag with code, how it works .,

i have to know about<colgroup> tag with code and how it works .,whether, it may useful for creating a table in a better way.,

<colgroup> tag applies to table and is used to group columns in a table for formatting.
<colgroup> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row.
<colgroup> tag can only be used inside a table element.

Example(w3 school):
Two colgroup elements that specify different alignment and style for the three columns in the table (notice that the first colgroup element spans two columns):
<table width="100%" border="1">
<colgroup span="2" align="left"></colgroup>
<colgroup align="right" style="color:#0000FF;"></colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>

The HTML <colgroup> tag is used for specifying properties for a group of columns within a table.
If you need to apply different properties to a column within a <colgroup>, you can use the HTML col tag within the <colgroup> tag.
e.g.


<table border="1">
<colgroup span="3">
</colgroup>
<tr>
<td>col 1</td>
<td>col 2</td>
<td>col 2</td>
</tr>
</table>

It's attributes are-
span-Specifies how many columns to span.
Width-Width of the column.