Javascript 滚动时如何在div中固定html表头？

我有一个HTML表格。我已经做了滚动的事情。下面是HTML表的代码

<div id="flagging"  >
  <table>
    <thead>
      <th> Header 1 </th>
      <th> Header 2 </th>                            
    </thead>
    <tbody >
      <tr>
        <td> Row 1, Data 1</td>
        <td>Row 1, Data 2</td>
      </tr>
      <tr>
        <td> Row 2, Data 1</td>
        <td>Row 2, Data 2</td>
      </tr>
    </tbody>
  </table>

---

滚动时如何修复标题？

那是一个星星，你期望的是吗

标记td，标记th{ 填充：2px； 文本对齐：居中； 边框：1px实心817e7e； } 下垂{ 边框：1px纯红； 溢出：自动； 高度：150像素； 位置：相对位置； } 泰德{ 位置：固定； 背景：白色； } t车身{ 位置：绝对位置； 顶部：25px； } 标题1 标题2 第1行，数据1 第1行，数据2 第2行，数据1 第2行，数据2 第2行，数据1 第2行，数据2 第2行，数据1 第2行，数据2 第2行，数据1 第2行，数据2 第2行，数据1 第2行，数据2 第2行，数据1 第2行，数据2 第2行，数据1 第2行，数据2 第2行，数据1 第2行，数据2 第2行，数据1 第2行，数据2 第2行，数据1 第2行，数据2 第2行，数据1 第2行，数据2 第2行，数据1 第2行，数据2

---

可能的副本。如果您的项目中没有jQuery，请参阅这是一个dup问题。我不认为你在问问题之前会搜索：有时我希望我的客户也不太关心他们的列标题宽度是否绑定到各自的列上……你只需要让另一个列的大小相同就可以将它们居中。这并不是那么简单，桑德罗。最重要的是，它已经被问和回答了好几次了。回答重复的问题不会给你带来很多荣誉。您应该首先检查此问题旧版本的现有答案。如果你认为你能想出更好的办法，那就在那里做出你的贡献。在上面的评论中，我只是让您知道，您的解决方案中断了列和它们的标题之间的连接，在某些情况下，这会破坏显示它们的目的。还考虑在数据集过滤器中调整大小或改变，而在IT上。好吧，对不起，我会尝试解决这个问题。

#flagging td,#flagging th{
  padding: 2px;
  text-align: center;
  border: 1px solid #817e7e;
}
#flagging{
  border: 1px solid #5a585a;
  overflow: auto;
  height: 150px;
}