table 上的粘性第一列

Question

我似乎无法使第一列在滚动时保持粘性（我希望在水平滚动时始终可见），我也尝试了绝对位置，但第二列位于第一列下方。

有什么我想念的吗？比如td标签不能设置sticky之类的？

Answer 1

你检查过你的 HTML 的结构了吗？您在 CSS 中应用的选择器与页面上的元素不匹配。

在第 58 行，您的目标是 table thead th:first-child，但您的 html 中没有 <thead> 或 <th>。

table thead th:first-child {
   position: sticky;
   left: 0;
   z-index: 2;
}

应该是：

table tr td:first-child {
   position: sticky;
   left: 0;
   z-index: 2;
}

Sticky first column on table