HTML Table td or th colspan

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

Example

Try this code 
<table>
    <tr>
        <th>Name</th>
        <th colspan="2">Email</th>
    </tr>
    <tr>
        <td>Newton</td>
        <td>newton1@gmail.com</td>
        <td>newton2@gmail.com</td>
    </tr>
    <tr>
        <td>Edison</td>
        <td>edition1@gmail.com</td>
        <td>edition2@gmail.com</td>
    </tr>
    <tr>
        <td>Kalpana</td>
        <td>kalpana1@gmail.com</td>
        <td>chawla2@gmail.com</td>
    </tr>
</table>
<style>
    table{
        width:100%;
    }
    table,th,td{
        border:1px solid black;
        border-collapse: collapse;
        padding: 5px;
    }    
</style>
Output:
Name Email
Newton newton1@outlook.com newton2@hotmail.com
Edison edition1@gmail.com edition2@rediffmail.com
Kalpana kalpana1@gmail.com chawla2@yahoo.com
Kalam kalam@rediffmail.com kalamapjabdul@outlook.com

Comments