固定立柱高度表

Question

我有一个表，其中前三列应该是固定的，其余的列应该是滚动的。表实现的小提琴密码。

我将第一列设置为position:absolute固定的列，并使用margin-left将滚动条设置为其余的列。

.zui-table .zui-sticky-col {
    left: 73px;
    position: absolute;
    top: auto;
    width: 230px;
}
.zui-table .zui-sticky-col-2 { 
    position: absolute;
    width: 40px; left: 35px;
}
.zui-table .zui-sticky-col-1 {
    width: 35px; left: 0px;
    position: absolute;
}

但是问题是，当我有很多记录时，需要通过垂直滚动条来限制表的高度。

所以，我把max-height给了.zui-scroller，但是固定的列已经超出了这个高度。另一个问题是，非固定的列标题正在滚动，应该是固定的.

由于这是一个现有的模块，具有其他功能，我不能使用其他插件来实现这一点。

有人能给我指明正确的方向吗？

Answer 1

.zui-wrapper {
    position: relative;
    width:30%;
    height: 200px;
    overflow-y: auto;
}

向具有zui-wrapper属性的overflow-y: auto类添加固定高度。它应该能按预期工作。

https://jsfiddle.net/Grishma/sgcuvdy2/4/