Skip to content
Related Articles

Related Articles

HTML | <td> rowspan Attribute

Improve Article
Save Article
  • Last Updated : 02 Aug, 2022
Improve Article
Save Article

The HTML <td> rowspan Attribute is used to specify  the number of rows a cell should span. That is if a row spans two rows, it means it will take up the space of two rows in that table. It allows the single table cell to span the height of more than one cell or row. It provides the same functionality as “merge cell” in the spreadsheet program like Excel. 

Syntax: 

<td rowspan="number">

Attribute Values 

  • number: It contains the numeric value Which specifies the number of rows that the cell fills. The value must be a integer.

Example: 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>HTML td rowspan Attribute</title>
    <style>
        table,
        th,
        td {
            border: 1px solid black;
            border-collapse: collapse;
            padding: 6px;
        }
    </style>
</head>
 
<body style="text-align:center">
 
    <h1 style="color: green;">GeeksforGeeks</h1>
    <h2>HTML &lt;td&gt;rowspan Attribute</h2>
    <center>
        <table>
            <tr>
                <th>Name</th>
                <th>Age</th>
            </tr>
            <tr>
                <td>Ajay</td>
                <!-- This cell will take up space on
                    two rows -->
                <td rowspan="2">24</td>
            </tr>
            <tr>
                <td>Priya</td>
            </tr>
        </table>
    </center>
 
</body>
 
</html>

Output:

  

Supported Browsers: The browsers supported by HTML td rowspan Attribute are listed below:

  • Google Chrome 1 and above
  • Edge 12 and above
  • Internet Explorer
  • Firefox 1 and above
  • Apple Safari
  • Opera

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!