小编cod*_*nap的帖子

HTML/jQuery表:水平滚动,修复第一个(左)列

我有一个表格,显示一列测试名称,其中包含与测试相关的各种测试数据的几列(无限数量).由于将有多组数据,我想限制可以看到的数量,并让用户能够水平滚动以显示/隐藏不同的数据集.

Jquery表列滑动效果的接受答案具有我正在寻找的那种滑动效果,但是如何修复最左边的名称列?有很多数据,所以我不想克隆两个表,正如互联网上其他地方所建议的那样.

为名称创建一个固定表,为数据结果创建一个可滚动表,但行高在可接收的数据量上是可变的(单元格中可能有多行文本),因此对齐将被抛弃.

另外,我不想要默认的Internet滚动条.我有左/右箭头图像,我将用它来控制滚动,就像我上面发布的示例.

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

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

html jquery html-table slide horizontal-scrolling

5
推荐指数
2
解决办法
1万
查看次数

标签 统计

horizontal-scrolling ×1

html ×1

html-table ×1

jquery ×1

slide ×1