CSS固定頭表在ie

Question

任何人都可以幫助我在一張桌子上使用CSS創建固定頭（僅限於js）。它需要支持動態數據，因爲列大小來自數據庫。只需要在ie7/8中工作。乾杯

Answer 1

如果你決定去JS（因爲我敢肯定，這純粹是CSS幾乎不可能），你可以試試我的script。見demo。它是跨瀏覽器並針對性能進行了優化。

Answer 2

聽起來像你想創建一個表，你可以滾動身體的一部分，並有第一個（標題）行不動。這可以通過將一個表格放在標題行中，第二個放在<div style="max-height: 400px; overflow: auto;">內部 - 請注意，除非您使用JavaScript，否則這隻適用於固定寬度的列。

如果這不是你想要實現的，請忽略此帖。

Answer 3

所以這是我想：

<table> 
    <thead> 
     <tr> 
      <th>Value</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     <tr><td>1</td></tr> 
     </tr> 
    </tbody> 
</table> 

tbody { 
    max-height:100px; 
    overflow:auto; 
    position:absolute; 
} 
tr td:last-child { /* do horizontal scrollbar useless */ 
    padding-right:1em; 
} 

編輯：raaah它適用於IE8但不是IE7（與IE9測試版測試），似乎IE7適用高度規則<td>元素！