如何使表格的第一列和第二列粘性

Question

有一个属性，

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

我有一个 div ，这个 div 中 发生的左右滚动事件

我有一个 table ，它有类 views-table ，这个表格有 100% 的宽度，这使得它的父 div:_body_container 可滚动。我想修复此表的第一列和第二列粘在其位置，而 _body_container结构 是例如：

Answer 1

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

CSS

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

尝试一下。已经很晚了，我也喝醉了，所以我对此不太确定。哦，请记住这是使用 CSS3，<= IE8 不支持 CSS3。

如果这有效，您只需添加 position:absolute; left:0; 到一个 class 并以这种方式定位第一个元素。

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;
}