ElementUI设置表格表头样式

ElementUI设置表格表头样式

原本从组件里拿下来的代码的样式是这样的：

现在有需求，需要修改表头样式

代码如下：

              <el-table
                :data="tableData"
                :header-cell-style="{background:'#f4f3f9',color:'#606266'}"
                style="width: 100%"
            >
                <el-table-column
                    prop="fansName"
                    label="人脉"
                    width="180"
                />
                <el-table-column
                    prop="viewNums"
                    label="访问次数"
                    width="180"
                >
                </el-table-column>
                <el-table-column
                    prop="shareNums"
                    label="分享次数"
                />
                <el-table-column
                    prop="createTime"
                    label="关注时间"
                />
            </el-table>

表格的header-cell-style属性是表头单元格的style的回调方法，也可以使用一个固定的Object为所有的表头单元格设置一样的style。

:header-cell-style="{background:'#f4f3f9',color:'#606266'}"