HTML | <td> rowspan Attribute

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;">w3wiki</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

Tags:

#HTML-Attributes #HTML #Web Technologies

HTML | <td> scope Attribute

HTML | <col> valign Attribute

HTML | <td> rowspan Attribute

html

Contact Us