.table-container{
    max-width: 100%;
    max-height: 600px;
    overflow: scroll;
    position: relative;
}
.table-container .fixed-table{
    position: relative;
    border-collapse: collapse;
}
.table-container .fixed-table td,th{
    padding: 0.25em;
}
.table-container .fixed-table thead th {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    top: 0;
    height: 70px;
    background: #000;
    color: #FFF;
}
.table-container .fixed-table thead tr:nth-child(2) th{
    top: 70px;
}
.table-container .fixed-table thead th:first-child{
    left: 0;
    z-index: 1;
}
.table-container .fixed-table tbody th {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    left: 0;
    background: #FFF;
    border-right: 1px solid #CCC;
}
.table-container .fixed-table tbody td{
    text-align: center;
}
.table-container .fixed-table tbody tr:hover {
    background: white;
}