表在IE 8工作不正常

Question

這是我的未在IE 8

的問題是，當我滾動該表中，第一列是越來越固定和剩餘的行上面滾動工作下表第一列。這可能只在IE 8中;它在Chrome和Firefox中運行良好。

<table border=0 id="dataTable0" class='table_data' style="position:absolute; margin:0;table-layout:auto" width=100%> 
    <syn:outputData outputdata="#{DocDetailsBean.paraList}" ></syn:outputData> 
</table>  

這是我的CSS文件：

.table_data { 
    background-color:#F3F3F3; 
    color:#666666; 
    text-align:left; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:11px; 
} 

Answer 1

添加表格的佈局：固定在的風格。沒有它，將寬度應用到表單元格會被解釋爲最小寬度（從不存在最小寬度時的殘留）

我在IE8中發現了兩種解決此問題的方法。

1) Adding extra td element of width: 0px to tr's of thead and tbody. 

IE8 demo

2) Adding a hidden letter to content of after pseudo selector. 

tr:after{ 
    content: "."; 
    visibility: hidden; 
} 

我加入上述在條件的CSS。因爲問題只在IE8中。 （我還沒有在IE9 +測試）

<!--[if IE 8]> 
    <style> 
     /* the above css code here */ 
    </style> 
<![endif]--> 

IE8 demo

我使用後者，因爲它是簡單的。