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