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

时间：2021-03-30 11:19:22 收藏：0 阅读：92

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

解决方案：

// 最大容器
.wrap {
    display: flex;
    flex: auto;
}
// 左侧
.wrap-left {
    flex: 0 0 400px;
    width: 400px;
}
.wrap-right {
    flex: 1;
    margin-left: 20px;
    position: relative;
}
// 给 table 加一个 div 设置属性
.table-div {
    position: absolute;
    width: 100%;
}

原文：https://www.cnblogs.com/Sabo-dudu/p/14595621.html