Question

我有HTML表＆amp;它的CSS。

CSS：

#outerDIV {
  position: relative;
  padding-top: 20px;
}
#innerDIV {
  overflow-y: auto;
  height: 500px;
}
table#mytable tbody tr:first-child 
{
    width:100%;
    position :absolute;
}

HTML：

<div class="outerDIV">
  <div class="innerDIV">
    <table id="#mytable"></table>
  </div>
</div>

我需要表格的固定标题标签，上面的代码也是如此，但是th标签的宽度被压缩到左边＆amp;与身体的tr's的宽度不匹配。如何使tr达到100％宽度？

Answer 1

您希望<th>跨越多列的宽度，但您不能使用CSS执行此操作，因此您需要在HTML中执行此操作（请参阅HTML colspan in CSS）。

如果您向colspan添加<th>属性，则应该执行您想要的操作（请参阅Colspan all columns）。如果您知道表格中的列数，请使用它，例如对于5列使用<th colspan="5">，但您也可以使用更大的数字，它应该没问题，例如<th colspan="100">。

其他一些说明：正如其他人提到的那样，您不应在position上使用<tr>。另外，请勿在{{1}}元素中包含#，即它应为

id

Answer 2

永远不要尝试在<tr>，<td>和<th>上使用绝对甚至相对重新定位。它不应该在表中工作，并且在大多数情况下，结果将远远超出您的预期。

html css tr设置宽度

2 个答案: