是否有一个纯粹的CSS解决方案用于冻结BOTH行;表格中的列标题？

Question

我需要释放顶部的几行和巨大的表左侧的几列。这可以用纯CSS（并保留一个大表）完成，或者我必须将表拆分为三个表并使用JavaScript来保持它们同步吗？幸运的是，所有细胞都有固定的宽度/高度，我不需要容纳灵活的细胞。

哦，至于浏览器支持 - 必须支持IE7 +;最好也是IE6（不确定我是否需要它）;其他可以是最新版本。

Answer 1

这是一个解决列问题的不完整的kludgy解决方案。但我认为有人可能会发现它很有价值。有几个人指出“thead”可能适用于标题，但没有人在列上提供解决方案：

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

它由一个div处理水平而另一个处理垂直滚动。主要问题是在导航到底部之前看不到水平滚动条（但鼠标滚轮滚动效果很好）。它适用于IE7，我使用了一些显示：内联黑客将其拉下来。注意：我只使用javascript来创建表。

我在努力解决这个问题后的直觉是没有纯粹的CSS解决方案。我无法想象在两个方向上同步滚动的方法。