如何使表格可滚动

Question

有谁知道仅使用 html 和 css 使表格主体可滚动的普通方法？

显而易见的解决方案

tbody {
    height: 200px;
    overflow-y: scroll;
}

不起作用。

这不是表格的明显用途吗？

难道我做错了什么？

原文由 Martin Kristiansen 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要先声明一个高度，否则您的表格将扩展到其内容的相应宽度。

 table{
   overflow-y:scroll;
   height:100px;
   display:block;
}

编辑：在澄清你的问题后，我编辑了小提琴：检查 这个例子 或者 那样。它相当老套，不能保证跨浏览器工作，但可能适合您的情况。

原文由 Christoph 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

你不能用桌子做到这一点。用 div 包裹表格，给它类似的东西：

 div.wrapper {
    overflow:hidden;
    overflow-y: scroll;
    height: 100px; // change this to desired height
}

原文由 scottlimmer 发布，翻译遵循 CC BY-SA 3.0 许可协议