JSFiddle - React, Tailwind, and code Playground

by kontrach

HTML

<table>
  <thead>
    <tr>
      <th>Hello</th>
      <th>There</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr><tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
      <td>Nope</td>
    </tr>
    <tr>
      <td>Yap</td>
     ...

CSS

thead{position: sticky;}