element-ui中表格行高度设置
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。上代码：