Tutorials References Exercises Menu
Paid Courses

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