HTML Table Rowspan

<style>
  table.tb { width: 350px; border-collapse: collapse; }
  .tb th { background-color:lightblue; }
  .tb th, .tb td { border: solid 1px #777; padding: 5px; }
</style>

<table class="tb">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Anna</td>
    <td>Samsong</td>
    <td rowspan="2">Sweden</td>
  </tr>
    <tr>
    <td>Imgar</td>
    <td>Johanson</td>
  </tr>
  <tr>
    <td>Stephanie</td>
    <td>James</td>
    <td rowspan="3">USA</td>
  </tr>
    <td>Karen</td>
    <td>McNolen</td>
  </tr>
    </tr>
    <td>Jamie</td>
    <td>Spiro</td>
  </tr>
</table>

Try it live

Using rowspan

#

The rowspan attribute specifies the numbr of rows a data cell should span.

With rowspan="0", the data cell will span until the last row of the table.

Syntax

#