该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

欢迎关注

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐