html表使第二个tbody可滚动

Question

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

并且只想在第二个 tbody 上进行滚动，以便在 4 或 5 td 之后应该有一个滚动，并且标题也应该是固定的

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

Answer 1

将下面的类添加到第二个表 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;
}