其他分享
首页 > 其他分享> > 解决ElementUI的table组件在flex布局下宽度不能自适应的问题

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

作者:互联网


  问题: 在左侧菜单栏折叠/展开的时候右侧设置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%;
}


 

标签:flex,position,ElementUI,width,400px,wrap,table
来源: https://www.cnblogs.com/Sabo-dudu/p/14595621.html