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

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，<= IE8 不支持它。

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