elementUI遍历给表头设置多个背景色，设置不同class时，出现单元格内容区背景色也被一起修改的问题

因为需求的原因无法在table中使用header-row-style实现效果，于是使用el-table-column中的class-name属性设置样式，结果出现单元格内容区也被加上一样的class导致有了背景色，查找element文档发现应该设置label-class-name，就只会给表头加这个class
这里是遍历给相邻列设置不同颜色，ABAB形式所以加了判断

html

<el-table-column label="Test"  :label-class-name="index%2==0?'green1':'green2'">

css

.green1{background-color: rgb(82, 113, 130) !important;
}
.green2{background-color: rgb(84, 100, 110) !important;
}

elementUI遍历给表头设置多个背景色，设置不同class时，出现单元格内容区背景色也被一起修改的问题相关推荐

JAVA对excle创建、读取、设置单元格颜色、背景色、跨行跨列
pom.xml依赖 <dependency><groupId>org.apache.poi</groupId><artifactId>poi</a ...
qtablewidget设置单元格背景色_这3个关于单元格格式的Excel小技巧，实在太好用了！...
技巧一:快速查找设置条件格式的单元格当工作表中部分单元格区域使用了条件格式以后,时间久了容易忘记,很容易和手动添加的格式混淆起来,这时候就需要找到设置了条件格式的单元格.点击"查找和选择& ...
php单元格字体颜色,PHPExcel API接口用法大全，按模板导入excel，美化excel，导出图片，设置单元格字体颜色背景色边框，合并单元格，设置行高列宽...
PHPExcel API接口用法大全,按模板导入excel,美化excel,导出图片,设置单元格字体颜色背景色边框,合并单元格,设置行高列宽 2020-08-31 85 一:读取excel表模板$ph ...
【poi第五节】poi设置Excel单元格边框和背景色，java设置Excel 单元格边框和背景色
poi设置Excel单元格边框和背景色,java设置Excel 单元格边框和背景色 import org.apache.poi.hssf.usermodel.HSSFWorkbook; imp ...
POI导出excel并设置单元格样式和单元格内容中文自适应
本案例生产环境真是案例POI导出: 开发环境:idea+mybaits3+spring4+springmvc4+maven3+mysql5.7 poi依赖: <dependency>< ...
JAVA导出Excel通用工具类——第一篇：详细介绍POI 导出excel的多种复杂情况，包括动态设置筛选、动态合并横向（纵向）单元格等多种复杂情况——保姆级别，真的不能再详细了，代码拿来即用）
JAVA导出Excel通用工具--第一篇:详细介绍POI 导出excel的多种复杂情况,包括动态设置筛选.动态合并横向(纵向)单元格等多种复杂情况--保姆级别,真的不能再详细了,封装通用工具类,代码拿 ...
ElementUI如何校验表格单元格内容？其实很简单
提要这篇文章算是<深入了解 Element Form 表单动态验证问题>的延伸. 相信大伙肯定遇到过这样的需求,在一个表单内容里面嵌套一个表格,同时需要校验表格里面的某些单元格内容,如果 ...
html多个单元格合并单元格内容,excel怎样快速把多个单元格内容合并合并多个单元格内容的设置方法...
excel是我们常用的办公软件,有时我们需要把多个单元个的内容合并到一个单元格里,那么excel怎样快速把多个单元格内容合并?下面小编带来合并多个单元格内容的设置方法,希望对大家有所帮助. 合并多个单 ...
html怎么设置一个表格的宽度一样吗,html表格单元格大小怎样在html中设置所有表格大小一样...
在html中怎样控制表格的宽度表格的宽度设置都知道: .. 宽度虽然是这样设置的,但是的内容如果超出就还是可能会改变table的宽度, 这样就有两种情况,如果你不想改变宽且也不想改变行高,可是设置: ...

elementUI遍历给表头设置多个背景色，设置不同class时，出现单元格内容区背景色也被一起修改的问题

elementUI遍历给表头设置多个背景色，设置不同class时，出现单元格内容区背景色也被一起修改的问题相关推荐

最新文章

热门文章