javascript - 如何使表格的第一列和第二列具有粘性

Question

我有一个divwith 属性

<div id="_body_container" style="height: 500px; overflow-x: auto; overflow-y: auto; ">
</div>`

在这个 div 里面我有table哪个类views-table，这个表有 100% 的宽度，这使得它是父 div：_body_container可滚动。我想修复这个表的第一列和第二列在它们的位置上，而左右滚动事件发生_body_container

结构是这样的：

Answer 1

假设每个部分都是一个<td>元素......

CSS

table {
    position: relative;
    padding-left: (width-of-your-td-elements);
}
table td:first-of-type {
    position: absolute;
    left: 0;
}

试试看。已经很晚了，我喝醉了，所以我对此并不完全确定。哦，请记住，这是使用 CSS3，<= IE8 不支持。

如果这可行，您可以添加position:absolute; left:0;到 aclass并以这种方式定位第一个元素。

Answer 2

@vonkly 几乎是对的position:absolute。但是您不必设置left:0. 有了left:auto，你也可以备用position:relative。

table {
    padding-left: (width-of-your-td-elements);
}

table td:first-of-type {
    position: absolute;
}