CSS表持久性標頭

Question

我有一個固定佈局的表。我添加了一些代碼，使滾動表中的thead元素（位置：固定）保持在屏幕上。

table { table-layout:fixed; width: 100% } 
table th { width: 50px } 
table th:first-child { width: 20em; } 

table td { width: 50px } 
table tbody tr:first-child td:first-child { width: 20em;} 

問題是，當add被移出流程時，表格列的其餘部分會自行調整大小。再現示例見http://jsfiddle.net/2EDQR/3/。嘗試滾動結果框架並查看錶格列如何擠壓。

有關如何防止這種情況的任何想法？

UPD：當我滾動頁面時，需要將標題保留在視口中。問題是，當標題被取出來的流動，在TBODY列調整，所以頭不與列

Answer 1

它的工作原理幾乎罰款對齊，如果你刪除table-layout:fixed;