繁体   English   中英

滚动表格时表格中的固定标题

[英]Fixed header within table when scrolling the table

问题:

我的桌子太大了,无法成为移动设备的液体样式元素。 我的解决方案是使overflow-x: auto 效果很好,几乎与移动应用上的电子表格的工作方式有关。 一个问题是,该表在标头位于offset-y部分内时可能会造成读取混乱。 有时我发现自己向上滚动只是为了查看要查看的数据列。

题:

有没有一种方法可以使用CSS/JS - jQuery将表标题保持在表本身的固定位置,以便用户滚动浏览数据时,标题始终显示,就像您希望它位于移动设备中一样应用程式? (macs的数字也可以这样做)。 我不介意使用CSS3,因为这是针对移动设备的。

具有相同行为的其他事物

  • Apple Numbers当您向下滚动并且标题应该在视野之外时,它们保持固定,直到您通过表格为止。
  • iPhone Instagram App在滚动源时滚动浏览,直到显示新帖子为止,用户的标题始终保持在视图中。
  • iPhone联系人应用程序在“ 所有联系人 ”中滚动时,您所在的字母部分会停留在顶部,直到出现新字母为止。

我只是想确保你们知道我在说什么,因为我找不到与我想做的事情类似的事情。 不确定是否输入了错误的搜索词或其他内容。 但这几乎是floatfixed的混合样式。

这就是您要寻找的: https : //css-tricks.com/persistent-headers/

之前已经做过很多次了。

代码滴有一篇很棒的文章,内容涉及在滚动时固定表头。

该解决方案基于JQuery,适用于行标题和列标题

粘性表标题和列

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM