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


相关文章
|
JavaScript
|
前端开发
Element Form表单布局(一行多列)
Element Form表单布局(一行多列)
1784 0
|
12月前
|
前端开发
给elmentui中的el-table-column 添加背景色怎么加
本示例通过自定义 ECharts 图例的 `formatter` 函数,实现在图例中同时显示名称、数值和百分比。代码中还优化了图例布局和饼图标签样式,使数据展示更清晰直观。
1253 0
|
移动开发 JavaScript HTML5
el-input限制输入整数等分析
本文介绍了在Vue中限制el-input只能输入整数的几种方式,包括设置type为number,使用inputmode属性,自定义指令,计算属性,使用onafterpaste和onkeyup事件以及使用el-input-number的precision属性。每种方式都有其优缺点,可以根据实际需求选择合适的方式。比较建议用自定义指令的方式来实现。
3886 0
el-input限制输入整数等分析
Element表格el-table固定表头且高度占满
本文目录 1. 固定表头 2. 占满高度 3. 使用vh占满高度 4. 动态调整高度
3442 0
|
JavaScript UED
HTML中的<a>标签使用指南
HTML中的<a>标签使用指南
1271 6
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
4223 1
Element UI 【表格合计】el-table 实战范例 -- 添加单位,自定义计算逻辑
Element UI 【表格合计】el-table 实战范例 -- 添加单位,自定义计算逻辑
1203 0
echarts柱状图实现颜色渐变效果
echarts柱状图实现颜色渐变效果
1402 1
Echarts饼状图大小及其位置调整
Echarts饼状图大小及其位置调整
2199 1