Example
An HTML table with a header cell that spans three rows:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
<th rowspan=”3″>Savings for holiday!</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
More “Try it Yourself” examples below.
Definition and Usage
The rowspan attribute defines the number of rows a header cell should span.
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| rowspan | Yes | Yes | Yes | Yes | Yes |
Note: Only Firefox and Opera 12 (and earlier versions) support rowspan=”0″, which has a special meaning (look below in the “Attribute Values” table).
Differences Between HTML 4.01 and HTML5
NONE.
Syntax
<th rowspan=”number“>
Attribute Values
| Value | Description |
|---|---|
| number | Sets the number of rows a header cell should span. Note: rowspan=”0″ tells the browser to span the cell to the last row of the table section (thead, tbody, or tfoot) |
More Examples
Example
Using rowspan=”0″ (will only work in Firefox and Opera 12 and earlier):
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
<th rowspan=”3″>Savings for holiday!</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
<td rowspan=”0″>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
