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

添加表格布局：固定为's样式。没有它，将宽度应用于表格单元格将被解释为最小宽度（从最小宽度不存在时的遗留）

我找到了两种方法来解决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

我使用后者，因为它很简单。

IE 8中的表格无法正常工作

1 个答案: