2012-10-14 196 views
1

我有以下代码的表结构,我试图冻结它的标题。我使用position:fixed修复了头文件。虽然这样做表头损失它的列宽度,并有一个错位和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> 
+0

如果我使用的报头被固定,但如果我像这样使用标题在身体滚动时移动。 –

+0

你能解释一下你到底想要做什么吗? – JamieM23

+0

@ JamieM23我需要冻结上述格式的表格的标题 –

回答

0

您在头标记使用此代码并删除风格浮子

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

我试过上面的代码,但它仍然不工作:( –

+0

<! - [if IE 8]>

+0

没有运气太依赖这一点,如果我使用的报头被固定 ,但如果我使用这样的标题移动,而身体卷动 –