問題一:
elementUI中el-table表格在flex布局下出現表格寬度一直在增大變化的問題
解決方案:
在table外層包一層div元素,設置css寬度繼承自父級寬度,添加代碼:position:absolute; width: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一個寬度 width: calc(‘100% - MemberTop的寬度’)