材质用户界面-展开面板不会缩小上述div [英] Material UI - Expand Panel doesn't shrink the above div

问题描述

场景:

• 我正在使用传单和React-table作为一个组件.
• 我下面有两个div.
• 第一个div是传单地图 第二个div是react-table.
• 第二个div扩展了 面板内的面板有反应表.

• I am using leaflet and React-table as one component.
• I have two div one below the another.
• The first div is leaflet map and the second div is react-table.
• The second div has Expansion Panels inside panel it has react-table.

问题:

• 这里的问题是我什么时候 展开面板，使其占据父级高度的100％以上.
  应该 当我将第一个div缩小到60％，第二个div缩小到40％ 控制板.
  

• The issue here is when I expand the panel it taking more than 100% of parent height.
  It should shrink the first div to 60% and second div to 40% when I expand the panel.
  

问题 预期的产量-下图 运行代码-编辑器

推荐答案

为iframe添加最小高度，如下所示.您可以根据需要添加最小高度.

Add min-height for iframe as in below. You can add min-height according to your requirement.

<pre>
    iframe{min-height:300px;}
</pre>

这篇关于材质用户界面-展开面板不会缩小上述div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！