修改elementUI中的表格 el-table表头的颜色

elementUI中的表格有一个属性
:header-cell-style="{background:’#2EC7C9’,color: ‘#fff’}"

<el-table
   style="margin-left:100px"
    stripe
    :data="tableData"
    id="out-table"
    :header-cell-style="{background:'#2EC7C9',color: '#fff'}"
    >
    <el-table-column label="#" align="center" type="index"/>
    <el-table-column label="时间" align="center" prop="time" />
    <el-table-column label="用量" align="center" prop="value" />
</el-table>

效果如下：