HTML 电子表格固定标题和最左边的列

Question

我正在尝试创建一个类似于 Google Docs 电子表格或 Excel 的电子表格，其中有一个充满数据的表格。如何做到这一点，当我垂直滚动时，第一行保持固定，当用户水平滚动时，第一列保持固定？我不是在寻找插件，这是如何使用 HTML/CSS 完成的？我一直在查看 Google Docs 电子表格的代码，但我无法确定解决方案。有人可以为此提供一个简单的例子吗？

例如：

jsFiddle：http://jsfiddle.net/tYUwd/2/

在 jsFiddle 中，当您水平滚动时，我希望修复 .row-header 元素。垂直滚动时，.column-headers 将被固定。

Answer 1

我很确定目前仅使用 HTML/CSS 无法做到这一点。你可以只用 HTMl/CSS 做一个固定的标题或伪固定的第一列，但你需要 JavaScript 让两者一起工作。我建议查看这个网站：http://www.8164.org/the-big-table-issue/

我还建议检查以下两种可能的解决方案： http://cross-browser.com/x/examples/xtable.php http://www.disconova.com/open_source/files/freezepanes.htm

我之前使用过 Freeze Panes 解决方案，效果很好。