JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<table class="specifictableheight table table-striped">
<h3 class="table_title">TEST</h3>
    <br />
<thead>
<tr class="tr_first">
<th>Places</th>
<th>Hits</th>
</tr>
</thead>
<tbody>
<tr>
<td>entry</td>
<td>entry</td>
</tr>
<tr>
<td>entry</td>
<td>entry</td>
</tr>
<tr>
<td>entry</td>
<td>entry</td>
</tr>
<tr>
<td>entry</td>
<td>entry</td>
</tr>
<tr>
<td>entry</td>
<td>entry</td>
</tr>
<tr>
<td>entry</td>
<td>entry</td>
</tr>
<tr>
<td>entry</td>
<td>entry</td>
</tr>
<tr>
<td>entry</td>
<td>entry</td>
</tr>
<tr>
<td>entry</td>
<td>entry</td>
</tr>
<tr>
<td>entry</td>
<td>entry</td>
</tr>
</tbody>
</table>
</div>

CSS

.table_title {
    position: fixed;
    background: #000;
    color: #fff;
}

.tr_first {
    top: 150px;
    position: relative;
}

.wrapper {
    height: 150px;
    overflow: scroll;
}