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


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

  解决方案:

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

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