Home > Software design >  Arrangements in Html Table
Arrangements in Html Table

Time:10-05

I stumbled around this table ⤵️

enter image description here

  • Problem Description

Can someone tell me how do I get

"/" And "Time" below the Days Row?

Here is code:

<table border="2">
    <tr>
        <th rowspan="3">Days
        </th>
        <th rowspan="3">Monday</th>
        <th rowspan="3">Tuesday</th>
        <th rowspan="3">Wednesday</th>
        <th rowspan="3">Thursday</th>
        <th rowspan="3">Friday</th>
        <th rowspan="3">Saturday</th>
    </tr>
    <tr>
        <th>/</th>
    </tr>
    <tr>
        <th>Time</th>
    </tr>
</table>

CodePudding user response:

You need to remove the rowspan from the "Days" column (or set it to 1):

    <table border="2">
        <tr>
            <th>Days</th>
            <th rowspan="3">Monday</th>
            <th rowspan="3">Tuesday</th>
            <th rowspan="3">Wednesday</th>
            <th rowspan="3">Thursday</th>
            <th rowspan="3">Friday</th>
            <th rowspan="3">Saturday</th>
        </tr>
        <tr>
            <th>/</th>
        </tr>
        <tr>
            <th>Time</th>
        </tr>

    </table>

  • Related