2016-07-15 651 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

谢谢你现在我只需要玩宽度=) –