JSFiddle - React, Tailwind, and code Playground

HTML

<table border='1px'>
    <tr>
		<td>1</td><td>1</td>
	</tr>
	<tr>
		<td>2</td><td>2</td>
	</tr>
	<tr>
		<td>3</td><td>3</td>
	</tr>
	<tr>
		<td>4</td><td>4</td>
	</tr>
	<tr>
		<td>5</td><td>5</td>
	</tr>
	
</table>

CSS

table {
	table-layout: fixed;
	width:150px;
	height: 100px;
}

tr {
	height: 50px;
}
td {
	width: 70px;
}
thead, tbody {
    display: block;
	overflow: auto;
}
tbody {
	background-color: #ddd;
	height: 100px;
}