cod*_*nap 5 html jquery html-table slide horizontal-scrolling
我有一个表格,显示一列测试名称,其中包含与测试相关的各种测试数据的几列(无限数量).由于将有多组数据,我想限制可以看到的数量,并让用户能够水平滚动以显示/隐藏不同的数据集.
Jquery表列滑动效果的接受答案具有我正在寻找的那种滑动效果,但是如何修复最左边的名称列？有很多数据,所以我不想克隆两个表,正如互联网上其他地方所建议的那样.
为名称创建一个固定表,为数据结果创建一个可滚动表,但行高在可接收的数据量上是可变的(单元格中可能有多行文本),因此对齐将被抛弃.
另外,我不想要默认的Internet滚动条.我有左/右箭头图像,我将用它来控制滚动,就像我上面发布的示例.
我花了大约4个小时在StackOverflow和互联网的其余部分寻找答案,但我还没有发现任何合适的东西...任何帮助将不胜感激,谢谢!
编辑:绝对定位左列导致表的其余部分左移到左列下方(隐藏第一列数据).添加与第一列具有相同内容的"镜像"列可以正常工作; 问题是,当数据列的单元格高于相应的名称单元格时,绝对定位的名称单元格无法看到该事实并自行调整大小.思考？
正如我所要求的，找到了与表格一起使用的东西。我之前所说的创建一个固定表和一个可滚动表可以进行一些修改：
我保留了包含测试名称和数据的原始表，并将其放入滚动窗口中。然后我创建了另一个只有左列的表，并将其绝对放置在滚动表中左列的默认位置上。然后，我使用 jQuery 调整单列单元格的大小以匹配数据单元格的可变高度（如果名称单元格较高，数据单元格仍会从重复列接收此数据）。
我还保留了一个列宽数组。当我单击左侧或右侧滚动按钮时，我会按所需的数组值滚动表格，并递增/递减数组索引。
不发布代码是因为我不想重写和格式化示例，但如果您对如何执行此操作有疑问，请随时询问。=)