HTML/jQuery 表:水平滚动,固定第一(左)列

2024-02-22

我有一个表,显示一列测试名称,以及与测试相关的各种测试数据的多个(无限数量)列。由于会有多组数据,我想限制可以看到的数量,并且让用户能够水平滚动以显示/隐藏不同的数据组。

接受的答案jquery表格列滑动效果 https://stackoverflow.com/questions/4977082/jquery-table-column-sliding-effect具有我正在寻找的那种滑动效果,但是如何修复最左边的名称列?有大量数据,因此我不想克隆两个表,正如互联网上其他地方所建议的那样。

为名称创建一个固定表,为数据结果创建一个可滚动表,结果很接近,但行高根据接收到的数据量而变化(一个单元格内可以有几行文本),因此对齐会被打乱。

另外,我不想要默认的互联网滚动条。我有左/右箭头图像,我将使用它们来控制滚动,就像我上面发布的示例一样。

我花了大约 4 个小时在 StackOverflow 和互联网上的其他地方寻找答案,但我还没有找到任何合适的东西......任何帮助将不胜感激,谢谢!

编辑:绝对定位左列会导致表格的其余部分在左列下方向左移动(隐藏第一列数据)。添加与第一列内容相同的“镜像”列可以正常工作;问题是,当数据列的单元格高于相应的名称单元格时,绝对定位的名称单元格无法看到该事实并调整自身大小。想法?


我设法固定第一列,让其他列滑到下面,并显示第二列:http://jsfiddle.net/Skooljester/trFPD/1/ http://jsfiddle.net/Skooljester/trFPD/1/我现在将尝试解决您问题的其他部分。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML/jQuery 表:水平滚动,固定第一(左)列 的相关文章

随机推荐