如何制作表格可滚动

有谁知道使用html和css制作表格主体的香草方式吗？如何制作表格可滚动

显而易见的解决方案

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

不起作用。

这是表格的明显用途吗？

我做错了什么？

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

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

编辑：澄清你的问题后，我编辑的小提琴：退房this Example或that way。这是相当hacky，并没有保证工作crossbrowser，但可能适用于你的情况。

2012-09-26 08:51:05 Christoph

不还是个问题 –

发生了什么'表的thead'一部分？ –

使用'display：block'可以工作，但通常不会推荐使用，因为浏览器不再认为它是表格。 – scoota269

你不能用表格做到这一点。用一个div包起来就像这样：

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

2012-09-26 08:51:21 scoota269

你想要这样的东西吗？

纯CSS滚动表与固定头（1）

2012-09-26 09:56:04 RMN

是的，除了我仍然必须使表中列的宽度静态。我真的不想在运行前决定宽度。 –

第二种解决方案是黑客，如果我见过。没有宽度标记设置，绝对没有garantie，colom将与标题对齐 –

在这里提出了一个类似的问题：http://stackoverflow.com/questions/10838700/large-dynamically-sized-html-table-与固定滚动行和固定滚动colu – RMN

回答