HTML colspan

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 clipboard
Copy 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 clipboard
Copy to clipboard

![Table with a cell that spans two columns]