Grouping Table Columns with colgroup

Table of Contents

Search

Spring Into Series

From the Series Editor

Preface

Ch. 1. Building an HTML Page

Ch. 2. Adding Text and Links

Ch. 3. Adding Images, Media, and Scripts

Ch. 4. Creating Tables

Combining colspan and rowspan

Grouping Table Columns: The col Element

Grouping Table Columns with colgroup

Grouping Table Rows

The Table's Set…

Ch. 5. Building Forms

Ch. 6. Working with Frames

Ch. 7. Using CSS

Ch. 8. Working with Color and Images Using CSS

Ch. 9. Styling Text

Ch. 10. Link Effects, Lists, and Navigation

Ch. 11. Margins, Borders, and Padding

Ch. 12. Positioning, Floats, and Z-index

Ch. 13. CSS Layouts

Appendix A: XHTML 1.0 Annotated Reference

Appendix B: CSS 2.1 Annotated Reference

Index

Grouping Table Columns with colgroup

Another 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

Code View: Scroll / Show All

<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>

PREVIEW

Not a subscriber?

Start A Free Trial

This Book

Search

Contents

Chapter 4. Creating Tables > Grouping Table Columns with colgroup

Grouping Table Columns with colgroup

Example 4-15. Using the col element to apply attributes to a number of columns

Example 4-15. Using the `col` element to apply attributes to a number of columns