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的宽度’)

  • 相关阅读:
    编码问题,编码到吐血
    dz验证码
    奇葩之mysql【四】找不到表了
    EntityFramework 使用Mysql数据库
    Create a custom output cache prodiver in asp.net4
    WPF一个很炫的控件
    yield grammar
    最大公约数的故事
    新人
    学习笔记 简单的amob A%B Problem
  • 原文地址:https://www.cnblogs.com/joe235/p/13728398.html
Copyright © 2011-2022 走看看