该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;
}

个人网址:http://www.pjjgrweb.com

欢迎关注

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 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐