SOURCE

<div class="box">
	<table>
		<thead>
			<tr>
				<th>第1列</th>
				<th>第2列</th>
				<th>第3列</th>
				<th>第4列</th>
				<th>第5列</th>
				<th>第6列</th>
				<th>第7列</th>
				<th>第8列</th>
				<th>第9列</th>
				<th>第10列</th>
			</tr>
			<tr>
				<th>第1列</th>
				<th>第2列</th>
				<th>第3列</th>
				<th>第4列</th>
				<th>第5列</th>
				<th>第6列</th>
				<th>第7列</th>
				<th>第8列</th>
				<th>第9列</th>
				<th>第10列</th>
			</tr>
		</thead>

		<tbody>
			<tr>
				<td>第1列</td>
				<td>第2列</td>
				<td>第3列</td>
				<td>第4列</td>
				<td>第5列</td>
				<td>第6列</td>
				<td>第7列</td>
				<td>第8列</td>
				<td>第9列</td>
				<td>第10列</td>
			</tr>
			<tr>
				<td>第1列</td>
				<td>第2列</td>
				<td>第3列</td>
				<td>第4列</td>
				<td>第5列</td>
				<td>第6列</td>
				<td>第7列</td>
				<td>第8列</td>
				<td>第9列</td>
				<td>第10列</td>
			</tr>
			<tr>
				<td>第1列</td>
				<td>第2列</td>
				<td>第3列</td>
				<td>第4列</td>
				<td>第5列</td>
				<td>第6列</td>
				<td>第7列</td>
				<td>第8列</td>
				<td>第9列</td>
				<td>第10列</td>
			</tr>
			<tr>
				<td>第1列</td>
				<td>第2列</td>
				<td>第3列</td>
				<td>第4列</td>
				<td>第5列</td>
				<td>第6列</td>
				<td>第7列</td>
				<td>第8列</td>
				<td>第9列</td>
				<td>第10列</td>
			</tr>
			<tr>
				<td>第1列</td>
				<td>第2列</td>
				<td>第3列</td>
				<td>第4列</td>
				<td>第5列</td>
				<td>第6列</td>
				<td>第7列</td>
				<td>第8列</td>
				<td>第9列</td>
				<td>第10列</td>
			</tr>
			<tr>
				<td>第1列</td>
				<td>第2列</td>
				<td>第3列</td>
				<td>第4列</td>
				<td>第5列</td>
				<td>第6列</td>
				<td>第7列</td>
				<td>第8列</td>
				<td>第9列</td>
				<td>第10列</td>
			</tr>
			<tr>
				<td>第1列</td>
				<td>第2列</td>
				<td>第3列</td>
				<td>第4列</td>
				<td>第5列</td>
				<td>第6列</td>
				<td>第7列</td>
				<td>第8列</td>
				<td>第9列</td>
				<td>第10列</td>
			</tr>
			<tr>
				<td>第1列</td>
				<td>第2列</td>
				<td>第3列</td>
				<td>第4列</td>
				<td>第5列</td>
				<td>第6列</td>
				<td>第7列</td>
				<td>第8列</td>
				<td>第9列</td>
				<td>第10列</td>
			</tr>
			<tr>
				<td>第1列</td>
				<td>第2列</td>
				<td>第3列</td>
				<td>第4列</td>
				<td>第5列</td>
				<td>第6列</td>
				<td>第7列</td>
				<td>第8列</td>
				<td>第9列</td>
				<td>第10列</td>
			</tr>
		</tbody>
	</table>
</div>

.box {
    width: 400px;
    height: 150px;
    overflow: auto;
    border: 1px solid red;
    position: relative;
}

.box table {
    border-collapse: collapse;
    border-spacing: 0;
}

.box th,
.box td {
    border: 1px solid #333;
    background: #fff;
    padding: 0 20px;
    word-break: keep-all;
}

.box thead {
    position: sticky;
    top: 0;
    z-index: 3;
}

.box thead tr > th:first-child,
.box tbody tr > td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}