0

我正在尝试创建一个允许我修复标题的数据网格表。我已将表格放在两个 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 宽度，就会出现水平滚动条，我可以水平滚动数据，但标题是静态的，不会滚动。

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

4

1 回答 1

0

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

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

于 2012-07-19T23:41:50.630 回答