Можно сделать так, чтобы фиксированные заголовки наследовали свойство width
У меня есть таблица с фиксированной строкой заголовка. Когда значение fixed отключено, ширина правильно размещается, но больше не фиксируется и будет прокручиваться из контейнера div. После того, как исправлено добавлено в свойство, оно прокручивается правильно, но ширина не выравнивается. С этим сценарием возможно ли выровнять ширину, все еще используя это "фиксированное" свойство?
.container {
border: 1px solid black;
height: 100px;
overflow-y: scroll;
}
td {
font-size: 40px;
}
table {
table-layout: fixed;
height: 100%;
}
thead{
position:fixed;
}
<div class="container">
<table>
<thead>
<tr>
<th>
header
</th>
<th>
header
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
data
</td>
<td>
data
</td>
</tr>
<tr>
<td>
data
</td>
<td>
data
</td>
</tr>
<tr>
<td>
data
</td>
<td>
data
</td>
</tr>
</tbody>
</table>
</div>
1 ответ
Нет, это невозможно. Потому что он не оставит место для элемента, поэтому он не имеет наследства width
По данным МДН
фиксированный
Не оставляйте место для элемента. Вместо этого поместите его в указанное положение относительно области просмотра экрана и не перемещайте его при прокрутке. При печати размещайте его в этом фиксированном положении на каждой странице. Это значение всегда создает новый контекст стека.
Смотрите спецификации о фиксированном позиционировании