element-ui中表格行高度设置

时间:2024-11-18 07:29:22

element-ui中表格高度设置

在项目中遇到要修改表格的默认高度,但是根据element-ui的官方文档设置了header-row-style和row-style,如果设置的值比默认值大就有效果,比默认值小就没效果。后面发现是因为th,td里面有padding,所以我们的目标是去掉th,td的padding。思路:在table最外层加个class:tableBox,然后设置他下面的th,td的padding为0。上代码:
在这里插入图片描述
在这里插入图片描述