The colspan attribute on a table cell element specifies the number of columns this cell should occupy, i.e. span.
A colspan attribute on a <td> element.
The last row stretches over two columns.
| Investor | Amount |
|---|---|
| Joel Nais | $250 |
| Tom Simpson | $300 |
| Greta Waltz | $100 |
| Total amount invested: $650 | |
<style>
table.tb {width:300px;border-collapse:collapse;}
.tb th {background-color:lightblue;}
.tb th, .tb td {border:solid 1px #777;padding:5px;}
</style>
<table class="tb">
<tr>
<th>Investor</th>
<th>Amount</th>
</tr>
<tr>
<td>Joel Nais</td>
<td>$250</td>
</tr>
<tr>
<td>Tom Simpson</td>
<td>$300</td>
</tr>
<tr>
<td>Greta Waltz</td>
<td>$100</td>
</tr>
<tr>
<td colspan="2">Total amount invested: <b>$650</b></td>
</tr>
</table>
For additional details see our HTML td colspan Reference.
A value of 0 will span until the last column in the current <colgroup> (column group).
The default value is 1, meaning no column span.
<tagname colspan="number">
| Value | Description |
|---|---|
| number | Number of columns the table cell should span. |
These table elements accept the colspan attribute.
| Elements | Description | |
|---|---|---|
| <td> | Creates a standard table cell -- see example above | |
| <th> | Creates a table header cell. |
A <th> tag with a colspan attribute.
The first header cell spans two columns.
| Name | Country | |
|---|---|---|
| Denice | Templeman | Italy |
| Paulo | Cornell | USA |
| Maria | Larsson | Sweden |
<style>
table.tbl {width:300px;border-collapse:collapse;}
.tbl th, .tbl td {border:solid 1px #777;padding:5px;}
.tbl th {background-color: lightblue;}
</style>
<table class="tbl">
<tr>
<th colspan="2">Name</th>
<th>Country</th>
</tr>
<tr>
<td>Denice</td>
<td>Templeman</td>
<td>Italy</td>
</tr>
<tr>
<td>Paulo</td>
<td>Cornell</td>
<td>USA</td>
</tr>
<tr>
<td>Maria</td>
<td>Larsson</td>
<td>Sweden</td>
</tr>
</table>
For additional details see our HTML th colspan Reference.
Here is when colspan support started for each browser:
 Chrome
|
1.0 | Sep 2008 |
 Firefox
|
1.0 | Sep 2002 |
 IE/Edge
|
1.0 | Aug 1995 |
 Opera
|
1.0 | Jan 2006 |
 Safari
|
1.0 | Jan 2003 |
