.table-container {
height: 800px; /* 親要素の高さを指定 */
overflow: auto; /* スクロールを表示 */
}

table {
width: 100%;
border-collapse: collapse;
}

th {
position: sticky;
top: 0;
background-color: #cfffff; /* スクロール時に重なって見えなくならないよう背景色をつける */
z-index: 1;
}

th, td {
padding: 8px;
border: 1px solid #000;
}
div::-webkit-scrollbar {
width: 20px; /* 縦スクロールバーの太さ */
height:15px; /* 横スクロールバーの太さ */
}
div::-webkit-scrollbar-track {
background: #F0F0F0; /* スクロールバーの背景色 */
}
div::-webkit-scrollbar-thumb {
background: #1572eb; /* スクロールバーのつまみの色 */
border-radius: 5px; /* つまみの角を丸める */
}
div::-webkit-scrollbar-thumb:hover {
background: #1572eb; /* ホバー時のつまみの色 */
}