html - 固定列和滚动表

Question

我正在尝试制作一个具有固定列和滚动条的表格，如下链接所示: http://hazaa.com.au/blog/how-to-create-an-html-table-with-frozen-headers-and-columns/

源代码:https://onedrive.live.com/?cid=5e237543fffb2891&id=5E237543FFFB2891%21192

要点是，在此示例中，表格具有以“px”为单位的固定宽度和高度，我需要该表格适合屏幕(将固定的“px”替换为“%”)。

有人可以帮我吗？ 当我进行更改时，我真的无法调出垂直滚动!!

谢谢!!

Answer 1

在列中放置一个 div，在 div 中放置文本。在所有内容(尤其是 html 和 body)上设置 height:100%，在表格上设置 width:100%，在 div 上设置 overflow:auto

( Demo )

html,body {
    padding: 0;
    margin: 0;
    height: 100%;
}
table {
    width: 100%;
    height: 100%;
}
div {
    height: 100%;
    overflow: auto;
}