html表使第二个tbody可滚动

Question

我有fiddle - https://jsfiddle.net/nish4114/u4kfxc48/

并且只想在第二个tbody上进行滚动，这样在4或5 td之后应该有一个滚动并且标题也应该被修复

请告诉我如何使其成为可能

Answer 1

将下面的Class添加到第二个表tbody：

.table2Scroll {
    height: 100px;
    display: block;
    overflow-y: auto;
}

现在试试这个：

thead, tbody {
  display: block;
  border: 1px solid black;
  width: 400px;
}
tbody:nth-child(4) {
  height: 75px;
  overflow-y: auto;
  width: 400px;
}

th, td {
  width: 100px;
}