固定 'thead' 宽度与 'tbody' 宽度不匹配

Question

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

如果您需要更多信息，请询问我。提前致谢。

编辑：这是jsfiddle

Answer 1

添加table-layout:fixed到表格和display:table标题可以解决您的问题。

修改后的 CSS：

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

不过，这是一种草率的修复，因为它table-layout:fixed会影响整个布局，并且可能看起来不像您想要的那样。

您还可以在列上设置百分比宽度，而不是table-layout:fixed用于对布局进行更多控制。