JSFiddle - React, Tailwind, and code Playground

HTML

<div style="position: relative;height:50%;top: 50%;border:red 2px dotted;"> 
    <div style="position: relative;top: -50%;border:blue 2px dotted;">
      <table>
        <tr class="sample">
          <td>1.1</td>
          <td>1.2</td>
        </tr>
        <tr class="sample">
          <td>2.1</td>
          <td>2.2</td>
        </tr>
        <tr class="sample">
          <td>3.1</td>
          <td>3.2</td>
        </tr>
        <tr class="sample">
          <td>4.1</td>
          <td>4.2</td>
        </tr>
        <tr class="sample">
          <td>5.1</td>
          <td>5.2</td>
        </tr>
      </table>
    </div>
  </div>
</body>

CSS

html,body{height: 100%;}