JSFiddle - React, Tailwind, and code Playground

by Lal Prakash

HTML

<table cellpadding=3 style='table-layout:fixed; float: left; font-size:85%; width:7000px; '>
    <tr>
        <td class="name">Name</td>
        <td>00:00</td>
        <td>00:15</td>
        <td>00:30</td>
        <td>00:45</td>
        <td>01:00</td>
        <td>01:15</td>
        <td>01:30</td>
        <td>01:45</td>
        <td>02:00</td>
        <td>02:15</td>
        <td>02:30</td>
        <td>02:45</td>
        <td>03:00</td>
        <td>03:15</td>
        <td>03:30</td>
        <td>03:45</td>
        <td>04:00</td>
        <td>04:15</td>
        <td>04:30</td>
        <td>04:45</td>
        <td>05:00</td>
        <td>05:15</td>
        <td>05:30</td>
        <td>05:45</td>
        <td>06:00</td>
        <td>06:15</td>
        <td>06:30</td>
        <td>06:45</td>
        <td>07:00</td>
        <td>07:15</td>
        <td>07:30</td>
        <td>07:45</td>
        <td>08:00</td>
        <td>08:15</td>
        <td>08:30</td>
        <td>08:45</td>
        <td>09:00</td>
        <td>09:15</td>
        <td>09:30</td>
        <td>09:45</td>
        <td>10:00</td>
        <td>10:15</td>
        <td>10:30</td>
        <td>10:45</td>
        <td>11:00</td>
        <td>11:15</td>
        <td>11:30</td>
        <td>11:45</td>
        <td>12:00</td>
        <td>12:15</td>
        <td>12:30</td>
        <td>12:45</td>
        <td>13:00</td>
        <td>13:15</td>
        <td>13:30</td>
        <td>13:45</td>
        <td>14:00</td>
        <td>14:15</td>
        <td>14:30</td>
        <td>14:45</td>
        <td>15:00</td>
        <td>15:15</td>
        <td>15:30</td>
        <td>15:45</td>
        <td>16:00</td>
        <td>16:15</td>
        <td>16:30</td>
        <td>16:45</td>
        <td>17:00</td>
        <td>17:15</td>
        <td>17:30</td>
        <td>17:45</td>
        <td>18:00</td>
        <td>18:15</td>
        <td>18:30</td>
        <td>18:45</td>
        <td>19:00</td>
        <td>19:15</td>
        <td>19:30</td>
        <td>19:45</td>
       ...

CSS

table, th, td {
    border: 1px solid black;
    border-collapse: collapse
}
td {
    min-width: 35px;
    width: 35px;
    text-align:center;
}
td.name {
    min-width: 150px;
    width: 150px;
    text-align:left;
    position: fixed;
}