如何修改el-table的表头高度和行高

根据文档使用 :header-cell-style,:cell-style,:row-style 都无法更改表头的高度和每一行的高度,想知道要如何才能成功。
谢谢大佬们

阅读 7k
2 个回答

1.点击“检查”或者F12,找到表头的class
image.png
2.使用深度选择器v-deep,去掉padding,重新设置高度即可
image.png

问问题的时候把你的代码贴出来,这样才方便别人通过代码找出你的问题
image.png
可以看出,设置了的样式是添加到th上的,但是th的高度是由内容撑起来的,所以你要设置内容的高度,这可以在自定义表头内容的时候添加样式,或者通过设置th的padding减少高度

但是这个功能是自定义某一些单元格的时候用的,用在你这个需求上并不优雅,直接使用css它不香吗?能用css解决的就别用别的了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题