JSFiddle - React, Tailwind, and code Playground

by Bianca Kuehweidner

HTML

<table>
<thead>
<tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td>1</td>
    <td>1</td>
  </tr>
</thead>
<tbody>  
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td class="fixedOne">1af</td>
    <td class="fixedOne">1saf</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">asd1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr>
    <td>13</td>
    <td>1</td>
    <td>1234</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1wer</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1asf</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td>1</td>
    <td>1asd</td>
  </tr>
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td class="fixedOne">1</td>
    <td...

CSS

table, td, td {
  border: solid 1px #ccc;
}
tbody {
    display:block;
    height: 100px;
    overflow:auto;
}
thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
thead {
    width: calc( 100% - 1em )
}
table {
    width: 400px;
}

.fixedOne { 
  background-color: lime;
}