Spanning

Spanning Columns

This table includes borders and header fields that span multiple columns.

HTML

<table >
<caption align="bottom">Spanning Columns</caption>
<tr>
    <th colspan=2>Name</th>
    <th colspan=2>Office & Position</th>
</tr>
<tr>
   <td>Mary</td>
   <td>Anderson</td>
   <td>Tech Support</td>
   <td>Analyst</td>
</tr>
<tr>
   <td>John</td>
   <td>Lidstrom</td>
   <td>OPS</td>
   <td>Technician</td>
</tr>
</table>

How It Displays

Spanning Columns
Name Office & Position
Mary Anderson Tech Support Analyst
John Lidstrom OPS Technician

Spanning Rows

This table includes borders and header fields that span multiple rows.

HTML

<table >
<caption align="bottom">Spanning Rows</caption>
<tr>
   <th>Name</th>
   <th>Office & Position</th>
</tr>
<tr>
   <td rowspan=2>Mary<br>
       Anderson</td>
   <td>Tech Support</td>
</tr>
<tr>
   <td>Analyst</td>
</tr>
<tr>
   <td ROWSPAN=2>John<br>
       Lidstrom</td>
   <td>OPS</td>
</tr>
<tr>
   <td>Technician</td>
</tr>
</table>

How It Displays

Spanning Rows
Name Office & Position
Mary
Anderson		 Tech Support
Analyst
John
Lidstrom		 OPS
Technician