HTML colspan Attribute
Definition and Usage
The
colspan attribute defines the number of columns a table cell should span.
Applies to
The
colspan attribute can be used on the following elements:
| Elements | Attribute |
|---|---|
| <td> | colspan |
| <th> | colspan |
Examples
Td Example
An HTML table with a table cell that spans two columns:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$100</td>
</tr>
<tr>
<td colspan="2">Sum: $180</td>
</tr>
</table>
Try it Yourself »
Th Example
An HTML table with a header cell that spans two columns:
<table>
<tr>
<th colspan="2">Monthly Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
Try it Yourself »
Browser Support
The colspan attribute has the following browser support for each element:
| Element | |||||
|---|---|---|---|---|---|
| td | Yes | Yes | Yes | Yes | Yes |
| th | Yes | Yes | Yes | Yes | Yes |
