表在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; 
}

來源

2014-01-09 user3046274

請給我一個例子的代碼 – Lijo

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

我在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

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

來源

2014-01-09 11:07:32 Lijo

當我使用的是，滾動不工作表正在修復，我希望它滾動...它在鉻中工作，但不是在IE8中 – user3046274

表在IE 8工作不正常

回答

相關問題