.table-wrapper {
  position: relative;
  overflow: hidden;
  margin: auto;
}
.table-wrapper .table-container {
  width: 100%;
  overflow-x: auto;
}
.table-wrapper .table-container > table {
  border-collapse: collapse;
  table-layout: fixed;
  overflow-x: auto;
  width: 100%;
}
.table-wrapper table thead th {
  z-index: 5;
  border-top: none;
  white-space: nowrap;
}

.table-wrapper .shadow-mask {
  position: absolute;
  pointer-events: none;
  z-index: 3;
}
.table-wrapper .shadow-top {
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.2);
}
.table-wrapper .shadow-left {
  top: 0;
  left: 0;
  bottom: 0;
  width: 8px;
  background: linear-gradient(to right, rgba(0,0,0,0.25), transparent);
}
.table-wrapper .shadow-right {
  top: 0;
  right: 0;
  bottom: 0;
  width: 8px;
  background: linear-gradient(to left, rgba(0,0,0,0.25), transparent);
}