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

Question

我正在努力使用 HTML 表格 + 可滚动正文来获取两个固定列和标题。我进行了很多搜索并发现了这些方法：

• 这（只有 1 个固定列/标题）
• 和这个（只有 1 个固定列/标题；没有表格标记）
• 我还使用一个库创建了自己的解决方案，该解决方案工作正常，但我不喜欢 html 表标记标记变得混乱，而且初始化也不colModal是那么好，因为我有动态数量的列。

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

Answer 1

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

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

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

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