Question

我有一个表结构的代码，我尝试冻结它的标题。我已使用position：fixed修复了标题。虽然这样表格标题丢失了它的列宽，但是在thead和tbody列宽之间存在不对齐。任何人都可以告诉如何避免这种情况吗？

<div class="outer_div"  style=" width: 1316px;height: 324px;overflow: auto;"> 
<table  class="scrollTable" id="invoiceMeasurement_table"
style="width: 1316pxfloat: left;float: left;width: 1300px;table-layout: fixed;" >   
<thead 
<tr style="position: fixed;margin-top: -10%;width: 1316px;">
<th style="width:75px">Col1</th>
<th style="width:75px">Col2</th>
<th style="width:75px">Col3</th>
<th style="width:91px">Col4</th>
</tr>
</thead>
<tbody >
</tbody>/*tbody is getting generated dynamically */
</table>
</div>

Answer 1

您在head标记中使用此代码并删除样式浮动

<!--[if IE 8]>
   <style type="text/css">
     #fixedHeader{
        position:relative !important;
     }
   </style>
<![endif]-->

职位问题：已解决

1 个答案: