vue element UI el-table 表格調整行高的處理方法


 

 這是我在工作項目中遇到的問題,我想將標記處下方的表格高度調低一點,也就是想實現下面的這個效果:

 

代碼調整如下:

 

 

說明:

     縮小:行高到一定程度之后便不能縮小。 好像最小35px。各位可以試一下。

     升高:本人實際開發中沒試過最大多少,但行高的高度完全可以調到自己適合的高度

cell-style="padding:0"這列可以不用加。 但是我在縮小高度時,縮小到最小高度不能再縮時才加的。

主要是這兩句代碼

:row-style="{height:'20px'}"
:cell-style="{padding:'0px'}"

 ---------------------------------------------------- ---------------------------------------------------- -------------------------
參考鏈接:https://blog.csdn.net/qq_38950919/article/details/81056447
https://blog.csdn.net/weixin_40841731/article/details/83347624


免責聲明!

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



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