Javascript 表布局固定-当th位置为绝对位置时

我有一张桌子在一个隔间里

 <div class="divScroll">
  <table class="table1">
  <tr class="tableHeader">
   <th>Header1</th>
   <th>Header2</th>
   <th>Header3</th>
   <th>Header4</th>
   <th>Header5</th>
   </tr>
  <tr>
   <td>Data1</td>
   <td>Data2</td>
   <td>Data3</td>
   <td>Data4</td>
   <td>Data5</td>
   </tr>
   .....
   .....
  </table>
 </div>

在上面的coed中，我尝试使用固定标题使表可滚动。这意味着，当用户滚动顶部->底部表格标题时，应保持固定，仅滚动表格数据

我可以实现，可滚动的表格，但问题是th列的宽度和td列的宽度不一致，因为我应用了位置：“th”的绝对值

---

如何使th和td列宽度正确对齐？

这是一个非常常见的问题，过去已经回答过了

以下是一些本地资源：

这里是另一个外部：

---

固定表头并不像您想象的那么简单，请尝试通过谷歌搜索“固定表头”，并遵循一个适合您的解决方案。

 .divScroll
 {
   height: 25px;
   overflow-y: auto;
   width: 100%
 }

 .table1
 {
   width: 100%;
   table-layout: fixed;
 }

 .tableHeader
 {
   position: absolute;
 }