HTML電子表格固定標題和最左邊的列

Question

我正在嘗試創建一個類似於Google文檔電子表格或Excel的電子表格，其中包含一張充滿數據的表格。我如何做到這一點，當我垂直滾動時，第一行保持固定，當用戶水平滾動時，第一列保持固定？我不是在尋找一個插件，這是如何使用HTML/CSS完成的？我已經看過Google Docs Spreadsheet的代碼，但我無法找到解決方案。有人可以提供一個簡單的例子嗎？

例如：

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

在的jsfiddle，當水平滾動，我想.row頭元件是固定的。垂直滾動時，.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解決方案，並且效果很好。