element-ui table组件采用min-width导致部分页面闪烁的解决方案
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
该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;
}
欢迎关注
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)