Позиция заголовка CSS исправлена ​​Удаляет интервал

Question

Начну с того, что я не очень хорошо разбираюсь в CSS, так что это может быть просто. У меня есть таблица с заголовком, которую я бы хотел исправлять при прокрутке. Когда я добавляю позицию: фиксируется в CSS, она фиксируется при прокрутке, но теряет формат интервала.

Перед 'позиция: фиксированная':

Это после того, как 'позиция: фиксированная':

.consumer-service-table-header-style { 
 
    background-color: #d3d3d3; 
 
    width: 100%; 
 
    position: fixed; 
 
}

<thead class="consumer-service-table-header-style"> 
 
    <tr> 
 
     <td align="left">    
 
      <label style="font-weight: bold;">Pull Date</label> 
 
     </td> 
 
     <td align="left"> 
 
      <label style="font-weight: bold;">Rate</label> 
 
     </td> 
 
     <td align="left"> 
 
      <label style="font-weight: bold;">Service SubCat</label> 
 
     </td> 
 

 
     <td align="left"> 
 
     <label style="font-weight: bold;">ClientServiceIdMin</label> 
 
     </td> 
 
     <td align="left"> 
 
     <label style="font-weight: bold;">ClientServiceIdMax</label> 
 
     </td> 
 
     <td align="left"> 
 
     <label style="font-weight: bold;">Provider Name</label></td> 
 
     <td align="left"> 
 
     <label style="font-weight: bold;">RatePullId</label> 
 
     </td> 
 
     <td align="left"> 
 
     <label style="font-weight: bold;">DDS #</label> 
 
     </td> 
 
    </tr> 
 
</thead>

Answer 1

добавления display: table; в класс должен держать все это красиво разнесены!

Answer 2

Насколько я понимаю, у вас есть div вокруг вашего стола с указанной шириной. Когда вы меняете position: fixed; на position fixed *important;и, добавьте display:table; в класс .consumer-service-table-header-style, вы должны получить желаемый результат.