elementui table 闪动以及table不停拉伸的问题

问题描述

使用elementUI的table组件时发现，进入页面加载数据后页面不停闪动

问题解决

// el-table渲染页面抖动,全局添加样式
.el-table {
  width: 99.9% !important;
}

可能衍生问题

切换路由后table表格加载数据时候table宽度变小或者变大(打开页面后table开始拉伸直到达到某一个值后停下来)

解决table宽度变化的问题

给app-main下的直接子元素添加属性值

.app-main > div {
  width: 100%;
}

resizable属性

对应列是否可以通过拖动改变宽度（需要在 el-table 上设置 border 属性为真）

拖动表头衍生问题

使用resizeable后发现拖动table的最后一个表格导致table右侧出现空白情况，可以通过全局设置以下属性解决：

/deep/ .el-table__header{
  width: 100%!important;
}
/deep/ .el-table__body{
  width: 100%!important;
}