首页 前端知识 element ui - el-table 设置表头背景颜色和字体颜色

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

2024-04-09 23:04:47 前端知识 前端哥 30 837 我要收藏

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>

效果

在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4705.html
标签
评论
发布的文章

HTML5学习笔记(二)

2024-04-21 10:04:45

HTML5 新增语义标签及属性

2024-04-21 10:04:32

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!