html - 无法从滚动中冻结带有 CSS 的两个第一列

Question

我做了防止前两列滚动。 https://jsfiddle.net/kzqbaLu2/1/

我尝试采用此处的示例如何创建具有固定/冻结左列和可滚动正文的 HTML 表格？

但添加后（在我的例子中评论）：

.headcol {
  position: absolute;
  width: 15em;
  left: 0;
  top: auto;
  border-top-width: 1px;
  margin-top: -1px;
}

.headcol:before {
  content: 'Row ';
}

我的桌子开始看起来很难看：

我需要防止滚动前两列。

标签： htmlhtml-table