Html 带高度的固定柱工作台

我有一个表，其中前三列应该是固定的，其余的列应该是可滚动的。 表的实现

我制作的第一列是通过

position:absolute

固定的，并具有滚动条，指向剩余列的

左边距

.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;
}

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

因此，我将

最大高度

指定给

.zui scroller

，但固定列超出了该高度。另一个问题是，非固定列标题正在滚动，这应该是固定的

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

有人能告诉我正确的方向吗

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

使用

overflow-y:auto

属性向

zui包装器

类添加固定高度。它应该按预期工作

---

感谢您的解决方案。我使用的是固定高度的方法。你能给我建议一种方法，使标题在向下滚动（y轴）时固定吗。再次感谢！看看这个例子，我想这就是你想要的。只需根据它调整代码。