Javascript 将DIV元素绑定到溢出滚动条

我正在尝试创建一个datagrid表，它将允许我修复标题。我已经将表放在两个DIV元素中，并固定了表的THEAD部分。我动态填充表格，每次可以有不同的列数和宽度

<DIV style="position: relative; width="500px">
 <DIV style="height:105px; overflow: auto;">
  <TABLE width="502px">
    <THEAD>
      <TR style="left:-1px;top: 0;position: absolute;">
        ... header content ...
      </TR>
    </THEAD>
    <TBODY>
      ... data columns ...
    </TBODY>
  </TABLE>
 </DIV>
</DIV>

---

很多人都试图使用html和css为表创建固定的标题和左列，这些标题和列在滚动时保持不变，但不幸的是，它们不起作用

您唯一的选择是使用javascript在表格滚动时对其进行操作。我没有具体的代码可以推荐，但是可以做一些谷歌搜索。
没有必要使用jQuery，你可以使用css
position:fixed
。很抱歉，我不得不更新这个问题（我最初混淆了我的垂直方向和水平方向）@Raminson-我尝试了
position:fixed
建议，但没有效果（这可能是因为这是对前面问题的回答，垂直/水平方向相反。由于我找到了解决方案，保持原样似乎是很容易的。对我来说，水平滚动和移动标题TR才是问题所在。@NEW2WEB我知道。正如我所说，这不能用纯HTML/CSS完成。如果你想要，你还需要使用javascript。谢谢，但这正是我想要的，我不需要它是纯CSS/HTML。你有什么例子吗？@NEW2WEB我用过一次
jquery floatheader
。主要是因为它是谷歌上的第一个链接，满足了我的需要。还有很多其他的链接，还有排序和重新排列列等功能。