Grouping Table Columns with colgroupAnother means of grouping columns is to the colgroup element, which performs essentially the same task as col. Example 4-15 takes the basic three-column, three-row table used in Example 4-14 and applies different features to two of those columns. Example 4-15. Using the col element to apply attributes to a number of columns<table width="90%" border="1" cellspacing="5" cellpadding="5" summary="This table explores column grouping"> <caption>Column Grouping</caption> <colgroup align="right" valign="bottom" /> <colgroup align="right" valign="bottom" /> <tr> <th>Table Head</th> <th>Table Head</th> <th>Table Head</th> </tr> <tr> <td>data</td> <td>data</td> <td>data</td> </tr> <tr> <td>data</td> <td>data</td> <td>data</td> </tr> </table> This then applies the align attribute value to the entire group of table cells, rather than having to add the individual attribute to each of those cells. The visual results are exactly the same as found in Figure 4-16.
|