具有滚动列组的固定宽度 HTML 表格 –是否可以？

Question

我的一个朋友问了我一个我无法回答或弄清楚的问题。

问题是：他想要制作一个宽度为100％并且有很多列的HTML表格，其中第一个（或两个）应该始终可见，而其他的如果总宽度高于[表格宽度]则应该滚动(100%) 减去前两列的宽度]。正如他所说，实际上这应该类似于 MS Excel 中的 Frozen 列。

我尝试将这些列分组为 colgroup，并使用 overflow: auto 设置第二个 colgroup 的样式，但这不起作用。相反，表格只是水平增长，使整个页面滚动。

他自己提出的一个部分解决方案是实际上有三个表：一个作为容器，一个用于两个静态列，一个用于滚动列，并将后者放入一个 div 中。然而，这个解决方案又存在一个问题：为了使其工作，div 需要一个绝对 width 值（指定 width: 100% 只会使表格增长）。

有什么办法可以解决这个问题吗？

编辑：感谢您的回复，我已将链接传递给我的朋友，希望他找到最适合他的解决方案。