JSFiddle - React, Tailwind, and code Playground

by trleithoff

HTML

<table>
  <thead>
    <th>Gaming Entity</th>
    <th>Department</th>
    <th>Badge Title</th>
    <th>License Status</th>
    <th>License Number</th>
  </thead>
  <tbody>
    <tr>
      <td>ajdslaadfaLorem ipsum dolor sit amet, consecteturadipiscing elit eiusmod</td>
      <td>akafjdadfa</td>
      <td>ajlkafjdadfa</td>
      <td>afjdadfa</td>
      <td>ajdsfjdadfa</td>      
    </tr>
    <tr>
      <td>uioquerpureq</td>
      <td>uioquewerpureq</td>
      <td>uioioerpureq</td>
      <td>ajdlkafjdadfa</td>
      <td>ajlkafjdadfa</td>      
    </tr>
    <tr>
      <td>ajlkafjdadfa</td>
      <td>ajdkafjdadfa</td>
      <td>ajdskafjdadfa</td>
      <td>ajdkafjdadfa</td>
      <td>ajdsafjdadfa</td>      
    </tr>
    <tr>
      <td>uioquewiourioq</td>
      <td>uioquewiorpureq</td>
      <td>uioqueioerpureq</td>
      <td>ajdslajdadfa</td>
      <td>ajdsjdadfa</td>      
    </tr>
    <tr>
      <td>ajdslajdjadfa</td>
      <td>ajdslafjdadfa</td>
      <td>ajdslafjdadfa</td>
      <td>ajdslajdadfa</td>
      <td>ajdslafjdadfa</td>      
    </tr>
    <tr>
      <td>uiiourioerpureq</td>
      <td>uioqueoerpureq</td>
      <td>uioqrioerpureq</td>
      <td>ajlkafjdadfa</td>
      <td>ajdsfjdadfa</td>      
    </tr>    
  </tbody>
</table>

CSS

table, tr td {
    border: 1px solid black;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 30px;
    height: 30px;
}
tbody {
    display: block;
    height: 125px;
    overflow: auto;
}
thead, tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}