HTML Table td rowspan

td-என்பது ஒரு cell. இதில் rowspan என்ற attribute, ஒரு cell எதனை row-களை தன்னோடு இணைத்து கொள்ள வேண்டும் என்பதை define செய்ய பயன்படுத்தபடுகிறது.

Example

Try this code 
<table class="table1">
    <tr>
        <th>Name</th>
        <th>Subject</th>
        <th>Mark</th>
    </tr>
    <tr>
        <td rowspan="3">Ramanujan</td>
        <td>Physics</td>
        <td>190</td>
    </tr>
    <tr>
        <td>Chemistry</td>
        <td>196</td>
    </tr>
    <tr>
        <td>Mathematics</td>
        <td>200</td>
    </tr>
    <tr>
        <td rowspan="3">Raman</td>
        <td>Physics</td>
        <td>200</td>
    </tr>
    <tr>
        <td>Chemistry</td>
        <td>150</td>
    </tr>
    <tr>
        <td>Mathematics</td>
        <td>149</td>
    </tr>
    <tr>
        <td rowspan="3">Annadurai</td>
        <td>Physics</td>
        <td>200</td>
    </tr>
    <tr>
        <td>Chemistry</td>
        <td>200</td>
    </tr>
    <tr>
        <td>Mathematics</td>
        <td>110</td>
    </tr>
    
</table>
<style>
    .table1{
        width:100%;
    }
    .table1,.table1 th,.table1 td{
        border:1px solid black;
        border-collapse: collapse;
        padding: 5px;
    }    
</style>
Output:
Name Subject Mark
Ramanujan Physics 190
Chemistry 196
Mathematics 200
Raman Physics 200
Chemistry 150
Mathematics 149
Annadurai Physics 200
Chemistry 200
Mathematics 110

Comments