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

Pun*_*nit 5 javascript css jquery sticky css-tables

div有财产

<div id="_body_container" style="height: 500px; overflow-x: auto; overflow-y: auto; ">
</div>`
Run Code Online (Sandbox Code Playgroud)

在这个div中我有table哪个类views-table,这个表有100%的宽度,这使得它的父div:_body_containerscrollable.I想要修复此表的第一列和第二列粘贴在他们的位置,同时左右滚动事件发生_body_container

结构如下:在此输入图像描述

小智 10

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

CSS

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

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

如果这样可行,您可以添加position:absolute; left:0;到a class并以此方式定位第一个元素.

  • 实际上大声笑了起来"已经很晚了,我喝醉了,所以我对此并不完全确定". (2认同)