colspan

Published Jul 31, 2021Updated Sep 3, 2021

The colspan attributed defines the number of columns a cell should span.

Syntax

<table>
  <tr>
    <th>Cell 1</th>
    <th>Cell 2</th>
  </tr>
  <tr>
    <td>Cell 3</td>
    <td>Cell 4</td>
  </tr>
  <tr>
    <!-- Spans two columns -->
    <td colspan="2">Cell 5</td>
  </tr>
</table>

Copy to clipboardCopy to clipboard

The following elements support colspan:

<td>
<th>

Example 1

A table with a cell that spans two columns.

<table>
  <tr>
    <!-- Spans two columns -->
    <th colspan="2">Languages and Frameworks</th>
  </tr>
  <tr>
    <td>Python</td>
    <td>Django</td>
  </tr>
  <tr>
    <td>JavaScript</td>
    <td>React.js</td>
  </tr>
  <tr>
    <td>Ruby</td>
    <td>Ruby on Rails</td>
  </tr>
</table>

Copy to clipboardCopy to clipboard