jquery - 基于屏幕宽度的表格左边距，带滚动条

Question

我的屏幕左侧有一个带有员工姓名的粘性表格列。还有一张大 table ，旁边有一个滚动条。

我的想法是，当我向右滚动以查看大表的内容时，我的带有名称的粘性表列会将表向右推。

这样我就可以很好地了解屏幕左侧的名称，并且不会与我的表格重叠。

似乎无法让它正常工作，有人有什么建议吗？

Answer 1

如果你想实现类似Excel固定列的效果:

这样做:

.table-wrapper { 
    overflow-x:scroll;
    overflow-y:visible;
    width:250px;
    margin-left: 120px;
}

td, th {
    padding: 5px 20px;
    width: 100px;
}

th:first-child {
    position: fixed;
    left: 5px
}

Working Demo