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