CSS标题位置已修复删除间距

Question

我首先要说的是，我对CSS不太满意，所以这可能很简单。我有一个带有标题的表格，我想在滚动时修复它。当我添加位置：固定到CSS时，它在滚动时被修复，但丢失了它的间距格式。

在'position：fixed'之前：

这是在'position：fixed'之后：

.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时，您应该会获得所需的结果。