1

ヘッダーをフリーズしようとするテーブル構造の次のコードがあります。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>
4

1 に答える 1

0

このコードをヘッドタグで使用し、スタイルフロートを削除します

<!--[if IE 8]>
   <style type="text/css">
     #fixedHeader{
        position:relative !important;
     }
   </style>
<![endif]-->
于 2012-10-14T06:56:39.537 に答える