JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdn.tailwindcss.com"></script>
<div class="absolute left-0 top-0 bottom-0 right-0 overflow-y-hidden">
<div class="bg-white px-6 py-3">
<div class="flex items-center justify-between">
<h1 class="font-semibold text-xl text-uppercase mt-3">Test title</h1>
<h1 class="font-semibold text-xl text-uppercase mt-3">Test sub title</h1>
</div>
</div>
<form class="h-full">
<div class="overflow-auto h-full">
<table class="table border-separate min-w-full whitespace-nowrap">
<thead class="sticky top-0 bg-gray-300">
<tr>
<th>Customer name</th>
</tr>
</thead>
<tbody>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
<tr>
<td>Sample customer name</td>
</tr>
...