Возможно, чтобы фиксированные заголовки наследовали свойство ширины

Question

У меня есть таблица с фиксированной строкой заголовка. Когда фиксированное значение отключено, пространство ширины само по себе правильно, но оно больше не фиксировано и будет прокручиваться из контейнера div. После исправления добавляется свойство, оно прокручивается правильно, но ширина не выстраивается в линию. С учетом этого сценария можно ли сделать ширину линии, продолжая использовать это свойство «fixed»? не

.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>

jsFiddle: https://jsfiddle.net/meeow314159/3vs9bmsf/2/

Answer 1

Нет это не представляется возможным. Потому что он не оставит места для элемента, поэтому он не имеет наследовать width

Согласно MDN

фиксированной

Не оставляйте пространство для элемента. Вместо этого расположите его в заданном положении относительно экрана просмотра экрана и не перемещайте его при прокрутке . При печати разместите его в этом фиксированном положении на странице на каждой странице. Это значение всегда создает новый контекст стекирования.

См specs о фиксированном позиционировании