JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="sk">
<head profile="http://www.w3.org/2005/10/profile">
<meta http-equiv="Content-Style-Type" content="text/css" >
<meta http-equiv="Content-Language" content="sk" >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<title>Test 2</title>

<style type="text/css">
table{
    border-collapse: collapse;
    width: 100%;
    border: 1px solid black;
    background: #ddd;
    table-layout: fixed;
}
table th, table td{
    border: 1px solid #000;
}
table td.wideRow, table th.wideRow{
    width: 300px;
}
</style>

</head>
<body>

<table class="CalendarReservationsBodyTable">
    <thead>        <tr><th colspan="97">Rezervovane auta</th></tr>        <tr>

            <th class="corner wideRow">Auto</th>            <th class="odd" colspan="4">0</th>            <th class="" colspan="4">1</th>            <th class="odd" colspan="4">2</th>            <th class="" colspan="4">3</th>            <th class="odd" colspan="4">4</th>            <th class="" colspan="4">5</th>            <th class="odd" colspan="4">6</th>            <th class="" colspan="4">7</th>            <th class="odd" colspan="4">8</th>            <th class="" colspan="4">9</th>            <th class="odd" colspan="4">10</th>            <th class="" colspan="4">11</th>            <th class="odd" colspan="4">12</th>            <th class="" colspan="4">13</th>            <th class="odd" colspan="4">14</th>            <th class="" colspan="4">15</th>            <th class="odd" colspan="4">16</th>            <th class="" colspan="4">17</th>            <th class="odd" colspan="4">18</th>            <th class="" colspan="4">19</th>            <th class="odd" colspan="4">20</th>            <th class="" colspan="4">21</th>            <th class="odd" colspan="4">22</th>            <th class="" colspan="4">23</th>        </tr>

    </thead>    <tbody>        <tr>
            <td class="alignRight...