css - 是否有用于卡住表中的行和列标题的纯 CSS 解决方案？

Question

我需要卡住一个巨大表格顶部的几行和左侧的几列。这可以用纯 CSS 来完成(并保留一个大表)，还是我必须将表分成三个表并使用 JavaScript 使它们保持同步？幸运的是，所有单元格都有固定的宽度/高度，我不需要容纳灵活的单元格。

哦，至于浏览器支持——IE7+必须支持；最好是 IE6(不确定我是否需要它)；其他可以是最新版本。

Answer 1

这是解决列问题的不完整、笨拙的解决方案。但我认为有人可能会觉得它很有值(value)。有几个人指出“thead”可能适用于标题，但没有人提供有关列的解决方案:

http://jsfiddle.net/C8Dtf/20/

它由一个 div 处理水平滚动，另一个处理垂直滚动。主要问题是在导航到底部之前看不到水平滚动条(但鼠标滚轮滚动效果很好)。它适用于 IE7，我使用了一些 display:inline hacks 来实现它。注意:我只使用 javascript 来创建表。

经过一番努力后，我的直觉是没有纯 CSS 解决方案。我简直无法想象在两个方向上同步滚动的方法。