带有两个粘性列和标题的HTML表（仅使用CSS）

Question

我正在努力使用HTML表格+可滚动的正文获得两个固定的列和标题。 我经常搜索并发现了这些方法：

• this (only 1 fixed column/header)
• 和this (only 1 fixed column/header; no table markup)
• 我还created my own solution使用了一个可以正常工作的库，但是我不喜欢html表标记标记如何搞砸了＆amp;此外，初始化colModal并不是那么好，因为我有一定​​数量的动态列。

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

Answer 1

我最接近的是this。

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

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

Answer 2

我认为只有使用CSS才能实现我想要的功能。所以我找到了另一个名为TableHeadFixer的库，它不会在HTML标记中复制节点和ID。

所以我提出了最终解决方案： https://jsfiddle.net/4s53f124/2/

您所要做的就是调用库的tableHeadFixer方法（如果您想调整一些CSS）：

 $(document).ready(function () {
     $("#fixTable").tableHeadFixer({"left": 2});
 });