使用position:sticky实现
.table-thead {
background-color: #FFFAF2 !important;
position: sticky;
left: 0;
top: 0;
z-index: 20;
}
/deep/ .uni-table-tr {
overflow: visible;
background-color: #fff;
}
//固定表头第一列
/deep/ .uni-table-tr .uni-table-th:first-child, {
position: sticky;
left: 0;
top: 0;
background-color: #FFFAF2;
z-index: 10;
}
//固定表头第一列(需计算第一列宽度,我这里是200rpx)
/deep/ .uni-table-tr .uni-table-th:nth-child(2), {
position: sticky;
left: 200rpx;
top: 0;
background-color: #FFFAF2;
z-index: 10;
}
//冻结thead第一列
/deep/ .uni-table-tr .uni-table-td:first-child {
position: sticky;
left: 0;
top: 0;
background-color: #fff;
z-index: 10;
}
//冻结thead第二列(需计算第一列宽度)
/deep/ .uni-table-tr .uni-table-td:nth-child(2) {
position: sticky;
left: 200rpx;
top: 0;
background-color: #fff;
z-index: 10;
}