element ui - el-table 设置表头背景颜色和字体颜色

element ui - el-table 设置表头背景颜色和字体颜色


场景

在使用 elementui 中的 el-table 时,由于默认表格样式与设计稿不符,需要将表头的背景色和字体颜色设置为新颜色。

但是对 thead,thead tr,.el-table__cell 元素进行设置,都是无效的,查询了 elementui官网,发现需要使用 header-cell-style 属性。

在这里插入图片描述

代码

<el-table :header-cell-style="{background:'#eef1f6',color:'#606266'}">
</el-table>

效果

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_38374286/article/details/131330934
今日推荐