ElementUI中table里header-row-style设置背景颜色不生效解决方法

ElementUI中table里header-row-style设置背景颜色不生效解决方法

<el-table
    :data="ruleData"
    border
    :header-row-style="{background:'red'}"
    style="width: 50%">

用:header-row-style="{background:‘red’}不生效，改用header-cell-style，官方解释：表头行的 style 的回调方法，也可以使用一个固定的 Object 为所有表头行设置一样的 Style。
:header-cell-style="{background:'red}",表头一行背景色就会改为红色