解决ElementUI的table组件在flex布局下宽度不能自适应的问题

问题描述：
如下图：在左侧菜单栏折叠/展开的时候右侧设置flex:1；自适应布局的区域由于table表格宽度已经渲染，会出现横向滚动条不能自适应。

image.png

image.png

解决方案：给table外面嵌套一层div.page-right-wrapper，并设置绝对定位，给.page-right设置flex:1同时并设置相对定位

.container{
  display: flex;
}
.page-left{
    width: 200px;
}
.page-center{
    width: 150px;
}
.page-right{
    flex: 1;
    position: relative;
}
.page-right-wrapper{
    position: absolution;
    width: 100%;
}