Table組件在flex布局下面寬度會自動無限增加的問題


問題一:

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM