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