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'}"