保留HTML表格中的某一行或列固定

Question

我有大量數據填充了具有多於200行和200列的HTML <table>。

但是，當我水平或垂直滾動​​頁面查看數據時，標題列（例如th）超出頁面。

我該如何滾動瀏覽表格，仍然保留最上一行和最左側的列，以便始終知道我所看到的數據。

Answer 1

這裏是一個很好的解決方案：http://www.imaputz.com/cssStuff/bigFourVersion.html

雖然實現一個JavaScript/jQuery的解決方案打開了很多門。

請參閱本SO張貼更多的信息：HTML table with fixed headers?

Answer 2

您可以使用jQuery或者你可以嘗試下面的混合溶液：

頭：http://fixed-header-using-jquery.blogspot.com/2009/05/scrollable-table-with-fixed-header-and.html

頭和第一列太多，但仍處於測試： http://fixedheadertable.mmalek.com

僅有第一列固定： http://www.java2s.com/Code/HTMLCSS/Table-Style/Fixedtablefirstcolumn.htm

Answer 3

存在時使用簡單的解決方案。 :)
您可以使用tbody，並給它是固定的高度或最大高度和溢出：汽車;:

CSS：

tbody { 
    max-height: 500px; 
    max-width: 100%; 
    overflow: auto; 
} 

和HTML像這樣：

<table> 
<thead> 
<tr><th>headers</th></tr> 
</thead> 
<tbody> 
<tr><td>body</td></tr> 
</tbody> 
<tfoot> 
<tr><td>footers</td></tr> 
</tfoot> 
</table>