解决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%;
}


 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐