Excel 样式 2d 可滚动网格，在 CSS 中具有水平和垂直标签

Question

我正在尝试制作一个顶部带有标题和左侧标签的 excel 类型网格。我希望内容是可滚动的，但顶部的标题和左侧的标签始终可见。这可能吗？例如

A B C D E F G 1 2 3 4

我想要的是你能够滚动但保持数字在一边......所以向左滚动会显示：

B C D E F G H 1 2 3 4

但我也想要它，这样您就可以向下滚动并仍然看到顶部的标题：

B C D E F G H 2 3 4 5

每个单元格的数据可能需要保持与其标题和左侧标签正确对齐。

一个或另一个很容易在容器上使用溢出：自动，但是否可以同时拥有两者？

这可以使用纯 CSS 还是需要 javascript？

我可以定位：绝对左侧标签或标题标签。这会导致一个问题：如果标题是绝对定位的，那么向左滚动表格不会影响标题。如果左侧列是绝对定位的，向下滚动表格不会影响左侧列。

编辑：这是我到目前为止所拥有的：http://jsfiddle.net/sts5uh6s/2/ 这适用于左侧标签和顶部标题，但左侧标签不会随内容滚动

Answer 1

您当前的代码在这里会有所帮助，因此我们可以看到您当前拥有的内容，您正在尝试的路线 - 然后我们可以在此基础上进行构建。

但是，仅根据您上面的解释，并且无需自己从头开始编写代码 - 我建议您有一个带有溢出的容器 DIV：scroll，然后我将有两个 div：一个在顶部，一个在左侧，位置为：绝对的

但是，要获得 excel 的“逐个单元格”滚动行为，我认为您将不得不考虑使用 CSS 以外的其他东西。