固定的“thead”宽度与“tbody”宽度不匹配

Question

我有一个表格，其中的<thead>是固定的，但其中每个<th>与相应列(<tbody>中的<td>)的宽度不匹配。

如果您需要更多信息，请问我。谢谢您提前的帮助。

编辑: 这是jsfiddle链接。

- M. Gar

---

不要让人们钓取信息。像一个对你的代码或问题一无所知的人一样，重新阅读你的问题。 - PeeHaa

你能否把你的代码放在 jsfiddle 上面呢？因为没有任何代码，很难想象问题所在。 - strwoc

是的，我们需要更多信息。 - Adam Buchanan Smith

添加 HTML 和 CSS 到你的问题。 - Mihai T

已经发布了 Jsfiddle。 - M. Gar

Answer 1

将 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，以更好地控制布局。

- Sean LeBlanc