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