JSFiddle - React, Tailwind, and code Playground

by meeky333

HTML

<table>
  <thead>
    <tr>
      <th style="position: sticky; top: 0; background-color: white;">Header 1</th>
      <th style="position: sticky; top: 0; background-color: white;">Header 2</th>
      <th style="position: sticky; top: 0; background-color: white;">Header 3</th>
    </tr>
  </thead>
  <tbody>
    <!-- Your table data here -->
    <tr>
      <td>data1</td>
      <td>data1</td>
      <td>data1</td>
    </tr>
    <tr>
      <td>data2</td>
      <td>data2</td>
      <td>data2</td>
    </tr>
    <tr>
      <td>data3</td>
      <td>data3</td>
      <td>data3</td>
    </tr>
    <tr>
      <td>data4</td>
      <td>data4</td>
      <td>data4</td>
    </tr>
    <tr>
      <td>data5</td>
      <td>data5</td>
      <td>data5</td>
    </tr>
    <tr>
      <td>data6</td>
      <td>data6</td>
      <td>data6</td>
    </tr>
    <tr>
      <td>data7</td>
      <td>data7</td>
      <td>data7</td>
    </tr>
    <tr>
      <td>data8</td>
      <td>data8</td>
      <td>data8</td>
    </tr>
    <tr>
      <td>data9</td>
      <td>data9</td>
      <td>data9</td>
    </tr>
    <tr>
      <td>data10</td>
      <td>data10</td>
      <td>data10</td>
    </tr>
    <tr>
      <td>data11</td>
      <td>data11</td>
      <td>data11</td>
    </tr>
    <tr>
      <td>data12</td>
      <td>data12</td>
      <td>data12</td>
    </tr>
    <tr>
      <td>data13</td>
      <td>data13</td>
      <td>data13</td>
    </tr>
    <tr>
      <td>data14</td>
      <td>data14</td>
      <td>data14</td>
    </tr>
    <tr>
      <td>data15</td>
      <td>data15</td>
      <td>data15</td>
    </tr>
    <tr>
      <td>data16</td>
      <td>data16</td>
      <td>data16</td>
    </tr>
    <tr>
      <td>data17</td>
      <td>data17</td>
      <td>data17</td>
    </tr>
    <tr>
      <td>data18</td>
      <td>data18</td>
      <td>data18</td>
    </tr>
    <tr>
      <td>data19</td>
      <td>data19</td>
      <td>data19</td>
    </tr>
  </tbody>
</table>