element-ui table组件采用min-width导致部分页面闪烁的解决方案
该BUG是由于饿了么UI下的min-width会自己通过js换算,然而部分浏览器的宽度是包含了滚动,所以宽度变来变去导致了闪烁,官方很多方法都是无效的,其实仅仅只需要给table的最外一层父容器添加overflow: auto;即可解决我则是在css中添加:/* 解决饿了么ui 滚动闪烁BOG */.el-table__footer-wrapper, .el-table__hea...
·
该BUG是由于饿了么UI下的min-width会自己通过js换算,然而部分浏览器的宽度是包含了滚动,所以宽度变来变去导致了闪烁,官方很多方法都是无效的,其实仅仅只需要给table的最外一层父容器添加overflow: auto;即可解决
我则是在css中添加:
/* 解决饿了么ui 滚动闪烁BOG */
.el-table__footer-wrapper, .el-table__header-wrapper{
overflow: auto;
}
另外一种BUG,部分电脑可能会出现,具体原因不明,但是大致的根本原因:浏览器采用DIV滚动会出现滚动
/* 解决饿了么ui 滚动闪烁BOG */
.el-table__footer-wrapper, .el-table__header-wrapper,.dkcard .el-table{
/* overflow: auto !important; */
width: calc(100% - 2px) !important;
}
.el-table__body, .el-table__footer, .el-table__header{
width: calc(100% - 2px) !important;
}
欢迎关注
更多推荐
已为社区贡献1条内容
所有评论(0)