JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table">
  <thead>
    <tr>
      <th>Name</th>
      <th>Salary</th>
    </tr>
  </thead>
</table>
<div class="table-container">
  <table class="table">
    <tbody>
      <tr>
        <th>John</th>
        <th>$12,00</th>
      </tr>
      <tr>
        <th>John</th>
        <th>$12,00</th>
      </tr>
      <tr>
        <th>John</th>
        <th>$12,00</th>
      </tr>
      <tr>
        <th>John</th>
        <th>$12,00</th>
      </tr>
      <tr>
        <th>John</th>
        <th>$12,00</th>
      </tr>
      <tr>
        <th>John</th>
        <th>$12,00</th>
      </tr>
      <tr>
        <th>John</th>
        <th>$12,00</th>
      </tr>
      <tr>
        <th>John</th>
        <th>$12,00</th>
      </tr>
      <tr>
        <th>John</th>
        <th>$12,00</th>
      </tr>
      <tr>
        <th>John</th>
        <th>$12,00</th>
      </tr>
      <tr>
        <th>John</th>
        <th>$12,00</th>
      </tr>
    </tbody>
  </table>
</div>

CSS

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
div.table-container {
      height: 300px;
      overflow-x: hidden;
      overflow-y: auto;
      margin-top: -20px;
    }