将滚动条添加到表格

时间:2009-08-24 07:27:31

标签: html css

我想在固定标题的表格中添加一个垂直和水平滚动条。通过使用theadtbody代码,我可以在Firefox中添加滚动条,但IE不支持overflow:auto property中的tbody。 IE8不支持css表达式,所以你能告诉我如何实现这个目标吗?

5 个答案:

答案 0 :(得分:8)

使用CSS应该很容易

div.scrollWrapper{

  height:250px;
  width:200px;
  overflow:scroll;
}


<div class="scrollWrapper">
<table >
<tbody height="xxx">
<tr>......

</tbody>
</table>
</div>

答案 1 :(得分:4)

给定固定高度也是在IE中不起作用。我已将tr的高度应用于tbody

答案 2 :(得分:1)

使用CSS完成所需的任务:

#tableID { overflow: scroll; }

HTML:

<table id="tableID">
...
</table>

关于着色访问此链接http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/scrollbarColor.htm

答案 3 :(得分:0)

使用overflow:scroll尝试原始解决方案。您可能还需要在px的{​​{1}}中设置固定高度。

答案 4 :(得分:0)

如果您将overflow设置为auto,则tbody将只显示溢出,您需要明确说明overflow: scroll并为<tbody>设置固定的高度。< / p>