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

猜你喜欢

转载自www.cnblogs.com/andyZhang0511/p/11683712.html