The colspan attribute on a <td> tag specifies the number of columns a table cell should occupy, i.e. span.
The default is 1, which is equivalent to no column span.
A <td> element with a colspan value of 2.
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>
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.
<td colspan="number">
| Value | Description |
|---|---|
| number | Number of columns a table cell should span. |
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 |
Back to <td>
