vue element ui table 隐藏显示的时候会跳一下，明显的抖动

表格数据由隐藏变为显示的瞬间，页面会有明显抖动的现象。经过一段时间的查找，发现elementui在重新渲染table时td内部的div高度被重新计算了（div高度=table容器高度/行数），进而导致整个table的高度变化，给人的感觉table在抖动。解决的版本就是给td内部的div固定一个高度。该div有自己的class属性.el-table .cell 。重写该属性的样式

// 解决 vue element ui  table 隐藏显示的时候会跳一下，明显的抖动
::v-deep .el-table .cell{height: 20px !important;}

问题得以解决。

上面那个是做了样式穿透的，如果不做样式穿透这样就可以了
但是这样的话，加到<style scoped lang="scss">这种包含scoped的里边就不行了哦

el-table .cell{
  height: 20px !important;
}