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

Question

我有div带有属性

<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，＆lt; = IE8。

不支持

如果此方法有效，您只需将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;
}