带有固定标题的 HTML 表格

Question

我创建了一个包含三个部分的 HTMl 页面，页眉、页脚和一个位于页眉和页脚之间的表格部分。页眉和页脚使用 css (top:0px; and bottom) 固定在顶部和底部:0px;) 具有特定高度。

所有这三个都在 div 中定义。可滚动表格必须固定在页眉和页脚之间，即当我们放大和缩小时，表格必须在页眉和页脚之间拉伸(stretch)。

谁能帮忙？

Answer 1

创建一个放置在您想要的位置的 div。听起来 div 需要绝对定位。 (例如，如果页脚的高度为 30px，则需要 bottom: 31px。)您可能希望在此 div 上放置边框。将 div 设置为溢出，使滚动条位于 div 上，而不是表格上。

然后把table放在div里面，给width: 100%.

如果内容不多，在表格上设置高度可能会导致行变得非常高。这是在表格外使用 div 的原因之一。