table{
  border-collapse: collapse;
  border-spacing: 0;
}
thead{
  width: 100%;
  display: block;
}
tbody{
  width: 100%;
  height: 11em;
  display: block;
  overflow-y: scroll;
}
th{
  background-color: #ccc;
}
th, td {
  height: 1em;
  padding: 2px;
  border: 1px solid #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.thc1, .tdc1 {
  min-width: 3em;
  max-width: 3em;
}
.thc2 {
  min-width: calc(15em + 5px);
  max-width: calc(15em + 5px);
}
.tdc2 {
  min-width: 10em;
  max-width: 10em;
}
.tdc3 {
  min-width: 5em;
  max-width: 5em;
}