JSFiddle - React, Tailwind, and code Playground

by Avi Algaly

HTML

<table>
  <thead>
    <tr>
      <th>a</th>
      <th>b</th>
      <th>c</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>4</td>
    </tr>    <tr>
      <td>11</td>
      <td>22</td>
    </tr>
        <tr>
      <td>S1</td>
      <td>S2</td>
      <td>a2</td>
    </tr>
  </tbody>
</table>

CSS

table, td, th {
  border: 1px solid red;   
}

thead {
  display:inline-block;
}


thead th {
  display: block;   
  background: yellow;
}

tbody {
  float: right;
  height:100%;
}