2016-07-15 97 views
0

我有一個具有固定在一<thead>表,但每個<th>在它不與所述相應列的寬度(<td><tbody>)匹配。固定「THEAD」寬度不與「TBODY」匹配寬度

如果您需要更多的信息,只需問我。提前致謝。

編輯:這是jsfiddle

+1

不要讓人們爲了獲取信息而釣魚。像對你的代碼或問題一無所知的人一樣閱讀你的問題。 – PeeHaa

+1

請問您可以在jsfiddle上發佈您的代碼,因爲在沒有任何代碼的情況下可以直觀地看到問題。 –

+0

是的,我們需要更多信息 –

回答

2

添加table-layout:fixed表和display:table到THEAD解決您的問題。

修改CSS:

table thead { 
    display:table; 
    width: 100%; 
    background-color: lightblue; 
    position: fixed; 
} 
table{ 
    table-layout:fixed; 
} 

這是一種草率的修復,雖然,因爲table-layout:fixed影響整個佈局,並且可能不看你怎麼想它。

您也可以在列上設置百分比寬度,而不是使用table-layout:fixed來更好地控制佈局。

+0

謝謝你現在我只需要玩寬度=) –