JSFiddle - React, Tailwind, and code Playground

by booktu8

HTML

<table cellspacing="0" cellpadding="0" border="0" width="325">
  <tr>
    <td>
      <table cellspacing="0" cellpadding="1" border="1" width="300">
        <tr style="color:white;background-color:grey">
          <th>Header 1</th>
          <th>Header 2</th>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>
      <div style="width:320px; height:80px; overflow:auto;">
        <table cellspacing="0" cellpadding="1" border="1" width="300">
          <tr>
            <td>new item</td>
            <td>new item</td>
          </tr>
          <tr>
            <td>new item</td>
            <td>new item</td>
          </tr>
          <tr>
            <td>new item</td>
            <td>new item</td>
          </tr>
          <tr>
            <td>new item</td>
            <td>new item</td>
          </tr>
          <tr>
            <td>new item</td>
            <td>new item</td>
          </tr>
          <tr>
            <td>new item</td>
            <td>new item</td>
          </tr>
          <tr>
            <td>new item</td>
            <td>new item</td>
          </tr>
          <tr>
            <td>new item</td>
            <td>new item</td>
          </tr>
          <tr>
            <td>new item</td>
            <td>new item</td>
          </tr>
          <tr>
            <td>new item</td>
            <td>new item</td>
          </tr>
        </table>
      </div>
    </td>
  </tr>
</table>