JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper"> 
	<div class="headertable" id="headerfixed">
		<table> 
			<tr><td>Head</td><td>Head</td><td>Head</td><td>Head</td><td>Head</td><td>Head</td><td>Head</td><td>Head</td><td>Head</td><td>Head</td></tr>
		</table>
	</div>
	<div class="bodytable"> 
		<table>...

CSS

.wrapper{
		width: 400px;
		overflow: auto;
	}

	.headertable {
		background-color: white;
		min-width: 600px;
    	top: 0;
    	position: sticky;
	}

	.bodytable{
		min-width: 600px;
		height: 100px
	}
	
	table{
		width: 100%;
		border: 1px solid;
		text-align: center;