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

Question

我正在尝试创建一个允许我修复标头的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>

该解决方案适用于垂直溢出。但是，我正在努力解决水平溢出问题。因为我修复了THEADs TR元素，如果我的表超过DIV宽度，则会出现水平滚动条，我可以水平滚动数据，但标题是静态的，不滚动。

我想我可能能够以某种方式使用jQuery滚动表头，如果我能得到动态创建的滚动条的id / name，但我不知道这是否是正确的解决方案，或者它是否是偶数可能的。

Answer 1

很多人都尝试使用html和css为表格制作固定标题和左列，在滚动时保持不变，不幸的是它不起作用。

您唯一的选择是在滚动时使用javascript来操纵表格。我没有推荐的具体代码，但会进行一些谷歌搜索。