在固定表頭中遇到overflow-x問題

我在使用CSS和jQuery實現固定表頭時遇到了一些麻煩，儘管問題實際上只是一個CSS。想知道是否有人見過我所看到的，以及他們做了什麼來解決它。在固定表頭中遇到overflow-x問題

首先，代碼是在這裏：http://billf.org/work/tables/table.html

有一個外部的樣式表，和所有的JS代碼爲HTML文件的底部。

這段代碼不但破解了，它在IE7中以一種方式破壞，另一種在IE8中破壞，另一種在Mozilla/Webkit中破壞。即，總共有三種方式。我希望一旦問題解決了，所有的問題都會消失。

好的。因此，如果您滾動網頁，則一旦窗口的scrollTop大於表格的頂部偏移量，標題行就會變得粘稠，以便在用戶向下滾動頁面時列標題仍然可見。問題在於，一旦add變得固定，就不再支持thead元素的overflow-x和text-overflow屬性，因此標題列會被吹掉並且不再與它們下面的內容保持一致。

但是，您也可以簡單地通過設置爲固定位置來複制問題。就好像overflow-x：hidden在一個固定的位置顯示出來後不再受到尊重。

任何幫助解釋發生了什麼，以及如何解決它將不勝感激。

非常感謝提前！

--Bill

來源

2012-02-02 Bill F.

-ix？是不是隻有-x？ – 2012-02-02 18:28:27

這不是溢出-x這就是問題，我不認爲，這是寬度不被遵守的事實。我想這可能是因爲試圖在表格組件上使用「position：fixed」，就像玩火一樣。表格佈局非常複雜，這可能只是把一個扳手投入到機制中。 – Pointy 2012-02-02 18:34:55

波蒂的權利。通過應用固定的位置，你實際上將'thead'從表格的其餘部分分離出來。我最近爲另一個類似的問題創建了一個[jsfiddle.net/magicalex/ttXAZ/1/]，可能（也可能不會）幫助。 – magicalex 2012-02-02 18:55:08

把所有的日的，像這裏面一個div，

<th> 
<div style='overflow:auto;width:85px;'>text goes here</div> 
</th>

這將阻止細胞擴大

，或者你可以起飛「白色空間：NOWRAP;」屬性在th標籤上。

來源

2012-02-02 18:46:24

此頁不起作用？ http://frank.bridgewater.edu/test/iframeResize/new.html – 2012-02-02 19:24:31

道歉，查理，這確實有效。所以我猜想不是動態設置th元素的寬度，而是設置子div的寬度。非常感謝你在這裏的幫助。 – 2012-02-02 19:48:34

另外，我是一個非常新的用戶，無法升級您的解決方案。如果可以的話，先生。 – 2012-02-02 19:49:08

在固定表頭中遇到overflow-x問題

回答

相關問題