table {
  border-collapse: separate;
  border-spacing: 0;
}

td, th {
  white-space: nowrap;
  border-top-width: 0px;
}

div.tableholder {
  /*max-width: 500px;*/
  width: calc(100% - 935px);
  overflow-x: scroll;
  margin-left: 935px;
  overflow-y: visible;
}

.headcol {
  position: absolute;
  width: 110px;
  left: 15px;
  top: auto;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}
.headcol2 {
  position: absolute;
  width: 110px;
  left: 125px;
  top: auto;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}
.headcol3 {
  position: absolute;
  width: 300px;
  left: 235px;
  top: auto;
  overflow: hidden;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}
.headcol4 {
  position: absolute;
  width: 100px;
  left: 535px;
  top: auto;
  overflow: hidden;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}
.headcol5 {
  position: absolute;
  width: 100px;
  left: 635px;
  top: auto;
  overflow: hidden;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}
.headcol6 {
  position: absolute;
  width: 100px;
  left: 735px;
  top: auto;
  overflow: hidden;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}
.headcol7 {
  position: absolute;
  width: 100px;
  left: 835px;
  top: auto;
  overflow: hidden;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}

.long {
}