Spectre.css fixed first-column for scrollable tables

spectre-table-fixed-column-extra.css

.table tbody th {
  font-weight: 600;
  border-bottom: 0.05rem solid rgb(218, 222, 228);
}

.table.table-scroll {
  position: relative;
}

.table.table-scroll th:nth-child(1) {
  position: sticky;
  left: 0;
  background: #fff padding-box repeat scroll 0% 0%;
  z-index: 20;
}

.table.table-scroll.table-striped tbody tr:nth-of-type(2n+1) th:nth-child(1) {
  background: rgb(247, 248, 249) padding-box repeat scroll 0% 0%;
}

.table.table-scroll.table-hover tbody tr:hover th:nth-child(1) {
  background: rgb(238, 240, 243) padding-box repeat scroll 0% 0%;
}