element ui表格滚动条出现在合计上面处理
- 前端
- 三生万物
- 0
注意:以下方式只是针对普通合计表格的滚动异常处理,对于fixed固定列没做尝试,有一定的局限性,只能按需使用或自行处理
主要是改变滚动容器,再使用自定义滚动条配合
<el-table></el-table>
// 滚动条
.zh-scrollbar {
overflow: auto;
&::-webkit-scrollbar {
width: 8px;
height: 8px;
}
&::-webkit-scrollbar-thumb {
background-color: $scrollbar-thumb;
}
&::-webkit-scrollbar-thumb:hover {
background-color: $scrollbar-thumb-hover;
}
&::-webkit-scrollbar-corner {
background-color: transparent;
}
}
.zh-scrollbar-12 {
&::-webkit-scrollbar {
width: 12px;
height: 12px;
}
}
// 滚动补丁
.zh-scroll-patch {
&.el-table {
overflow-x: auto;
}
&.el-table::after {
position: relative;
}
&.el-table--scrollable-x .el-table__body-wrapper {
overflow: visible;
}
.el-table__header-wrapper,
.el-table__body-wrapper,
.el-table__footer-wrapper {
overflow: visible;
}
}
免责申明:本站发布的内容(图片、视频和文字)以转载和分享为主,文章观点不代表本站立场,如涉及侵权请联系站长邮箱:xbc-online@qq.com进行反馈,一经查实,将立刻删除涉嫌侵权内容。