zoukankan      html  css  js  c++  java
  • Table组件在flex布局下面宽度会自动无限增加的问题

    问题一:

    elementUI中el-table表格在flex布局下出现表格宽度一直在增大变化的问题

    解决方案:

    在table外层包一层div元素,设置css宽度继承自父级宽度,添加代码:position:absolute; 100%;一般上级元素就设置这flex布局 flex:1;加入一行代码:position:relative;

    示例截图:

    注意: 如果遇到flex布局中使用 el-table 时高度也出现撑开的问题时,解决思路同上,重点在于表格 el-table 外面父元素不能直接是设置有 flex:1;属性的元素,必须在表格外面在套一层父级元素,并设置绝对定位 position:absolute;属性,然后在具有flex:1;属性的元素里设置相对定位属性 position:relative;即可。

    问题二:

    iview3.0.1版本中 Table组件在flex布局下面宽度会自动无限增加的问题

    出现这种情况的原因可能是组件本身的bug

    示例图:

    解决办法:

    1.不用flex布局

    2. 使用flex布局,给container-panle一个宽度 calc(‘100% - MemberTop的宽度’)

  • 相关阅读:
    android和ios系统框架
    iOS分类和扩展(Categories和Extensions)
    iOS并发编程
    认识View Controller
    JVM(Java虚拟机)
    iOS Apps核心对象
    Memory Management in Cocoa Program
    Block和GCD介绍
    iOS 系统框架分层结构
    ReLearn C(The C Programming Language.2Nd)
  • 原文地址:https://www.cnblogs.com/joe235/p/13728398.html
Copyright © 2011-2022 走看看