javascript - 带有水平和垂直滚动的固定主题的表格

Question

我的日历在左侧和右侧都有用户列表 - 带有单元格的日期。在顶部，当滚动页面到底部时，我需要修复日期。我不知道怎么做，因为我有 <table>主要有日期 <table>与 overflow: scroll ，因为我需要滚动和固定左侧用户。

我该如何修复 <thead>滚动到页面底部时日期在顶部？现在很简单 position: absolute;因为我有嵌套表和 overflow: scroll; .在两个不同的表中使用 thead 和 tbody 上的日期拆分表？并捕捉事件 scroll并将其应用于其他表？

JSFiddle - https://jsfiddle.net/p69j0L5h/2/

附言在实际情况下，所有单元格都是相等的(关于宽度和高度)。这只是示例。

Answer 1

您的提议 - 可以 - 可行，但这并不意味着您应该那样做。非常复杂的标记，并且您正在以一种不太适合表格的方式拆分表格数据。

双轴粘性/冷冻头非常有可能并且非常可行。

请引用此链接:http://tympanus.net/Tutorials/StickyTableHeaders/index3.html