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