2012-10-14 201 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

沒有運氣太依賴這一點,如果我使用的報頭被固定 ,但如果我使用這樣的標題移動,而身體捲動 –