JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<table border="1" style="text-align:center;" align="center">
    <tr style="text-align:center">
        <th style="text-align:center; background-color: #3a6070; color: #FFF; padding: 4px 30px 4px 8px;">Time</th>
        <th style="text-align:center; background-color: #3a6070; color: #FFF; padding: 4px 30px 4px 8px;">Monday</th>
        <th style="text-align:center; background-color: #3a6070; color: #FFF; padding: 4px 30px 4px 8px;">Tuesday</th>
        <th style="text-align:center; background-color: #3a6070; color: #FFF; padding: 4px 30px 4px 8px;">Wednesday</th>
        <th style="text-align:center; background-color: #3a6070; color: #FFF; padding: 4px 30px 4px 8px;">Thursday</th>
        <th style="text-align:center; background-color: #3a6070; color: #FFF; padding: 4px 30px 4px 8px;">Friday</th>
        <th style="text-align:center; background-color: #3a6070; color: #FFF; padding: 4px 30px 4px 8px;">Saturday</th>
        <th style="text-align:center; background-color: #3a6070; color: #FFF; padding: 4px 30px 4px 8px;">Sunday</th>
    </tr>

 <!--1:00-1:30-->
            <tr>
                <td>1:00-1:30</td>
                <td id="T0100Monday"></td>
                <td id="T0100Tuesday"></td>
                <td rowspan="2" id="T0100Wednesday">01:00-02:00</td>
                <td id="T0100Thursday"></td>
                <td id="T0100Friday"></td>
                <td id="T0100Saturday"></td>
                <td id="T0100Sunday"></td>  
            </tr>

 <!--1:30-2:00-->
            <tr>
                <td>1:30-2:00</td>
                <td id="T0130Monday"></td>
                
                <td id="T0130Wednesday"></td>
                <td id="T0130Thursday"></td>
                <td id="T0130Friday"></td>
                <td id="T0130Saturday"></td>
                <td id="T0130Sunday"></td> 
            </tr>
</table>