elementui中表格表头设置背景色

简介: elementui中表格表头设置背景色

参考的地址: https://www.cnblogs.com/lljun/p/11551128.html


今天在设置表格的表头的时候,我通过类的时候


发现无法设置表格的表头设置不了颜色;


经过查找;原来是这么一会事情


记录一下:现在遇见问题,可以快速的解决这样的问题~


在el-table中设置


:cell-style="rowClass"
:header-cell-style="headClass"


1425695-20200921203839826-939382502.png


methods:{
      // 表头样式设置
      headClass () {
        return 'text-align: center;background:#eef1f6;'
      },
      // 表格样式设置
      rowClass () {
              return 'text-align: center;'
      }
}


相关文章
|
JSON Java API
短信服务 Api 介绍|学习笔记
快速学习短信服务 Api 介绍
2989 0
短信服务 Api 介绍|学习笔记
|
JavaScript
【echarts报错】line series not exists,should be same with series name or data name
【echarts报错】line series not exists,should be same with series name or data name
841 0
|
9月前
|
前端开发
给elmentui中的el-table-column 添加背景色怎么加
本示例通过自定义 ECharts 图例的 `formatter` 函数,实现在图例中同时显示名称、数值和百分比。代码中还优化了图例布局和饼图标签样式,使数据展示更清晰直观。
1058 0
Element表格el-table固定表头且高度占满
本文目录 1. 固定表头 2. 占满高度 3. 使用vh占满高度 4. 动态调整高度
3277 0
|
JavaScript UED
HTML中的<a>标签使用指南
HTML中的<a>标签使用指南
1079 6
|
JavaScript 前端开发 数据管理
使用Sortable.js库 实现Vue3 elementPlus 的 el-table 拖拽排序
使用Sortable.js库 实现Vue3 elementPlus 的 el-table 拖拽排序
4585 1
Element UI 【表格合计】el-table 实战范例 -- 添加单位,自定义计算逻辑
Element UI 【表格合计】el-table 实战范例 -- 添加单位,自定义计算逻辑
1124 0
|
数据安全/隐私保护
Element UI 密码输入框--可切换显示隐藏,自定义图标
Element UI 密码输入框--可切换显示隐藏,自定义图标
893 0
|
JSON 数据格式
Echarts饼状图修改图例legend文字颜色和字体大小
Echarts饼状图修改图例legend文字颜色和字体大小
3699 1