Question

我有一个表格，其中前三列应该固定，其余列应该是可滚动的。表实现的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，但固定列超出了这个高度。另一个问题是，非固定列标题是滚动的，应该是固定的。

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

有人能指出正确的方向吗？

Answer 1

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

使用zui-wrapper属性为overflow-y: auto类添加固定高度。它应该按预期工作。

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

固定高度的列表

1 个答案: