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


相关文章
|
前端开发
CSS中给表格的第一列及最后一列设置不同的样式
CSS中给表格的第一列及最后一列设置不同的样式
|
JavaScript 前端开发 Java
72jqGrid 分组表头 - 有合并列的样式
72jqGrid 分组表头 - 有合并列的样式
58 0
|
前端开发 JavaScript
点击按钮,将奇数列的li背景色设置为红色,偶数列li背景色设置为绿色
点击按钮,将奇数列的li背景色设置为红色,偶数列li背景色设置为绿色
|
2月前
|
JavaScript API
Echarts中单独为每个legend图例设置样式-根据数据正负显示不同样式
通过上述方法,我们便能够在ECharts中根据数据的正负为每个图例项设置不同的样式,增强了图表的可读性和表现力。这种方法虽然略显间接,但不失为一种灵活的解决方案。
101 2
|
7月前
|
JavaScript
表格换色的实现方法
表格换色的实现方法
elementui表格自定义表头的两种方法
这篇文章主要是总结了elementui-table表格怎么自定义表头,两种方式需求不一样,大家还有啥好的方法或者遇到的bug评论区留言大家一起解决。
990 0
element plus表格的表头和内容居中
element plus表格的表头和内容居中
511 0
|
7月前
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
|
JavaScript 前端开发 Java
71jqGrid 分组表头 - 没有合并列的样式
71jqGrid 分组表头 - 没有合并列的样式
31 0
|
前端开发 JavaScript