带有两个粘性列和标题的 HTML 表格(仅使用 CSS)

Question

我正在努力使用 HTML 表格 + 可滚动正文来获得两个固定的列和标题。 我搜索了很多并找到了这些方法:

• this (only 1 fixed column/header)
• 和this (only 1 fixed column/header; no table markup)
• 我也created my own solution使用一个工作正常的库，但我不喜欢 html 表格标记标记如何变得困惑，而且初始化 colModal 不是很好，因为我有动态数量的列。

由于我对这些解决方案中的任何一个都不满意，我想知道是否有机会仅使用 CSS 来完成这项工作？

Answer 1

我最接近的是this .

没有 HTML 表格标记，也没有 IE 支持。 我在标题和第一列中使用了 position: sticky。

表格的尺寸是可变的，但需要提供单元格的宽度。