html5 - 固定柱高表

我有一个表，前三列应该是固定的，其余的列应该是可滚动的。
Fiddle code的表实现。
我用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，但是固定柱超出了这个高度。另一个问题是，非固定列标题正在滚动，这应该是固定的。
由于这是一个已有的其他功能模块，所以我不能使用其他插件来实现这个功能。
有人能告诉我正确的方向吗？

最佳答案

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

使用zui-wrapper属性向overflow-y: auto类添加固定高度。它应该按预期工作。
https://jsfiddle.net/Grishma/sgcuvdy2/4/

关于html5 - 固定柱高表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48327320/