css - 如何滚动tbody？

Question

我想要一个表格有一个可滚动的 tbody，但标题不应该滚动。

表格不应占据 100% 的宽度。列不应比内容宽。

我该怎么做？

正在尝试 https://jsfiddle.net/vxmyh826/4/让它看起来像

通过CSS

table
{
  border-collapse: collapse;
  max-height: 200px;
  display: inline-block;
}

tbody
{
  max-height: 200px;
  width: 100%;
  display: inline-block;
  overflow-y: scroll;
}

它看起来像

表格边框用红色标记。

编辑

这不是上述链接的副本，因为我不寻找使用脚本的解决方案(这是一个 css 问题)。

Answer 1

table {
    display: inline-block;
}

tbody {
    display: block;
    height: 40rem;
    overflow-y: auto;
}