.table-container {
    height: 300px;
    overflow: auto;
}

.table-container thead th {
    position: sticky;
    top: 0;
    background-color: #f9f9f9;
}

.table-container th {
white-space: nowrap;
}

.table-container td {
    vertical-align: middle;
    padding: 10px 8px;
    border-bottom: 1px solid #ddd;
    white-space: nowrap; /* Hindari pemisahan kata */
}

.table > thead > tr > th {
 vertical-align: middle;
}