JSFiddle - React, Tailwind, and code Playground

by Jayson Buquia

HTML

<div class="table-container">
  <table>
    <tbody>
      <tr>
        <td>Jace</td>
        <td>Buquia</td>
      </tr>
      <tr>
        <td>Jace</td>
        <td>Buquia</td>
      </tr>
      <tr>
        <td>Jace</td>
        <td>Buquia</td>
      </tr>
      <tr>
        <td>Jace</td>
        <td>Buquia</td>
      </tr>
      <tr>
        <td>Jace</td>
        <td>Buquia</td>
      </tr>
      <tr>
        <td>Jace</td>
        <td>Buquia</td>
      </tr>
      <tr>
        <td>Jace</td>
        <td>Buquia</td>
      </tr>
      <tr>
        <td>Jace</td>
        <td>Buquia</td>
      </tr>
      <tr>
        <td>Jace</td>
        <td>Buquia</td>
      </tr>
    </tbody>
    <tbody>
      <tr>
        <td>Jace</td>
        <td>Buquia</td>
      </tr>
      <tr>
        <td>Jace</td>
        <td>Buquia</td>
      </tr>
      <tr>
        <td>Jace</td>
        <td>Buquia</td>
      </tr>
      <tr>
        <td>Jace</td>
        <td>Buquia</td>
      </tr>
    </tbody>
  </table>
</div>

SCSS

.table-container {
  background-color: rgba(green, .3);
 }
 
 table {
  display: flex;
}
 
 tbody {
  width: 40%;
  margin-right: 5px;
}