.table-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: auto;
    height: 450px;
}

.table-scroll table {
    width: 100%;
    min-width: 1280px;
    margin: auto;
    /* border-collapse: separate;
    border-spacing: 0; */
}

.table-wrap {
    position: relative;
}

.table-scroll th,
.table-scroll td :not(.editable-text) {
    padding: 5px 10px;
    /* border: 1px solid #000; */
    background: #fff;
    vertical-align: top;
}

.table-scroll thead th {
    /* background: #333; */
    /* color: #fff; */
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

/* safari and ios need the tfoot itself to be position:sticky also */
/* .table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: #666;
    color: #fff;
    z-index: 4;
} */

.table-scroll th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
    /* background: #ccc; */
}

.table-scroll thead th:first-child {
    z-index: 5;
}