胖恒小站 
转载请注明出处: 胖恒小站
本文的链接地址: https://pangheng.com/juejin/490.html
element-ui el-table 表格疯狂抖动跳动不停， 这究竟是道德的沦丧还是人性的毁灭.~~
bug效果
问题的大致效果如下图：
查找原因
通过审查元素可以看到el-table__body 的 width 不停被设置导致表格抖动，从官方github的issue里找到了大致的原因是：
- 当未设定列表宽时，element有做自动检测适应。这造成了一种情况，即上下滚动条的出现时，触发宽度，使得上下滚动条消失，再次触发宽度变换，然后如此循环。
- flexbox 子元素设置了 overflow: auto 导致的浏览器 bug
解决办法
- 检查布局中的：overflow: auto， 避免flexbox 子元素设置这个属性.
-
临时解决：既然问题是
.el-table__body宽度不停被设置导致的抖动，那么我们可以给.el-table__body添加width: 100%!important;属性，强制宽度为100%，这样表格就不会抖动了。目前没有发现别的bug，而且设置上这个宽度之后，.el-table__body的width属性也不改变了。
参考资料
您可能对以下文章感兴趣
@市场：是说会自动换行吗，这个是bug，...
#emlog主题模板 beginning 更新至v2.6.1#
约 10 小时前，这个去掉就OK了
#emlog主题模板 beginning 更新至v2.6.1#
😂fenxi.me这个域名真好
#友情链接#
@叽叽：开源了的，https://git...
#vue.js组件之手写签名板vue-signature-simple#
那个demo开源了吗
#vue.js组件之手写签名板vue-signature-simple#
模板安装后，插件也启用了，但是点击设置，...
#留言板#