JSFiddle - React, Tailwind, and code Playground

by Руслан Абсалямов

HTML

<div id='root'></div>

JavaScript

class Calendar extends React.Component
{
  render(){
    return(
      <div class='table-responsive-sm'>
        <table class='table table-hover table-bordered '>
         <thead>
            <tr>
              <th class='col col-lg-1'>Время</th>
              <th class='col col-lg-3'>Комната 1</th>
              <th class='col col-lg-3'>Комната 2</th>
              <th class='col col-lg-3'>Комната 3</th>
            </tr>
          </thead>
          <tbody>  
            <tr>
              <th scope='row'>9:00</th>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <th scope='row'>9:15</th>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <th scope='row'>9:30</th>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <th scope='row'>9:45</th>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <th scope='row'>10:00</th>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <th scope='row'>10:15</th>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
        </table>
      </div>
    )
  }
}

ReactDOM.render(
  <Calendar />,
  document.getElementById('root')
)