Исправлен заголовок таблицы в <thead> с использованием только CSS

Question

Я пытаюсь получить фиксированный заголовок таблицы для thead без использования Javascript. Вот основные настройки моей таблицы:

<table>
   <thead>
     <tr>
       <th>...</th>
       <th>...</th>
       <th>...</th>
    <tr>
   </thead>
   <tbody>
       ...
   </tbody>
</table>

Я пытался использовать CSS, но безуспешно. Я получил фиксированный заголовок, но его ширина невелика, и он не регулируется.

.thead {
    position:fixed;
    top:0;
    width:100%;
}

Answer 1

Попробуй это

<table>
   <thead class="fixedthead">
     <tr>
       <th>...</th>
       <th>...</th>
       <th>...</th>
    <tr>
   </thead>
   <tbody>
       ...
   </tbody>
</table>

.fixedthead{position:fixed; top:0px;}