HTML Table rowspan and colspan

To span a row more than a single row we can use rowspan attribute.

Example:

Group 1 Manish Durg India
Manoj Bhopal India

Group 2 Rohit Banglore India
Nitesh Bhopal India

<table style="border:1px solid black">

<tbody>

<tr>

<td>1</td>

</tr>


<tr>

<td>2</td>


<td>3</td>


<td>4</td>

</tr>

</tbody>

</table>

<tbody>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

Output:

Group 1	Manish	Durg India
Group 1	Manoj	Bhopal India
Group 2	Rohit	Banglore India
Group 2	Nitesh	Bhopal India

To span a column more than a single column we can use colspan attribute.
Example:

     Durg    India
     Bhopal  India

     Banglore    India
     Bhopal      India

Durg India

Bhopal India

Banglore India

Bhopal India

<table style="border:1px solid black">

<tbody>

<tr>

<td colspan="2">Group 1</td>

</tr>


<tr>

<td>Manish</td>


<td>Manoj</td>


<td colspan="2">Group 2</td>


<td>Rohit</td>


<td>Nitesh</td>

</tr>

</tbody>

</table>

<tbody>

<tr>

<td colspan="2">Group 1</td>

</tr>

<tr>

<td>Manish</td>

<td>Manoj</td>

<td colspan="2">Group 2</td>

<td>Rohit</td>

<td>Nitesh</td>

</tr>

</tbody>

</table>

Output:

Group 1
Manish	Durg India
Manoj	Bhopal India
Group 2
Rohit	Banglore India
Nitesh	Bhopal India