【elementUI】:header-cell-style 修改表头高度为什么无效？

为什么:header-cell-style 的 height 没用起作用？

:header-cell-style="{
          background: '#FAC3B3',
          color: '#4A4A4B',
          height: '22px',
        }"

你给500px 1000px 都有用

解决办法

修改标签el-main的line-height属性值，只有当其大于默认的行高，才能修改成功

行高可以理解为任意两条相对的线的距离，对于块级元素，行高定义了该元素基线之间的最小距离。很容易发现，行内元素也是由line-height撑开的。

大于行高的高度都可以修改