html - 如何在嵌套表上添加位置粘性？

Question

我想position: sticky在嵌套表中添加副标题，但它没有按预期工作。第二行与第一行重叠我尝试为第二行设置顶部但没有工作。这是我正在尝试做的代码笔示例：https ://codepen.io/stuxnett/pen/oNYMzGY

标签： htmlcss

Answer 1

top: 0px问题是每条属性的两条线都粘在顶部。我相信这应该这样做。

.table tr th {
    background-color:black;
    border:1px solid white;

    color:white;
    position:sticky;
    top:33px;
}

.table tr:first-child th {
    top:0px;
}