elementUI中table的row-class-name和cell-class-name

我们现在有一个需求,要求指定的行是一个颜色,突出显示重要性,这时候可以使用el-table的row-class-name属性,

因为我是需要再行内传参,所以使用的是这个写法,如果不需要传参,直接如下即可:

复制代码
:row-class-name="editCellClassName"

然后如下,给符合条件的行加上一个样式,然后在样式里面加背景色即可

因为我使用的是scss,所以深度选择器用的是::v-deep,如果使用的是less,也可以用/deep/

但是现在需求改变,觉得一整行都是这个颜色,不太好看,想要符合条件的行的指定列背景色改变,这时候可以使用cell-class-name的属性,写法都是差不多的,只不过cell-class-name的第一个参数的对象里面,是四个属性{row, column, rowIndex, columnIndex},这个时候可以通过rowIndex和columnIndex同时去筛选出符合条件的添加指定样式

相关推荐
宝宝宝阿8 小时前
前端访问后台接口存在跨域问题,如何处理解决
前端
广州华水科技8 小时前
北斗GNSS与单北斗变形监测在水库安全监测中的应用探索
前端
蜡台9 小时前
使用 html javascript 实现 金币落袋效果
前端·javascript·html
IT_陈寒9 小时前
为什么我的Python multiprocessing总是卡在join()?
前端·人工智能·后端
李白的天不白9 小时前
VUE依赖配置问题
前端·javascript·vue.js
m0_738120729 小时前
后渗透维权提权基础——CTF模拟红队进行权限维持(二)
前端·网络·windows·python·安全·php
AC赳赳老秦9 小时前
团队知识库搭建:用 OpenClaw 自动整理会议纪要、技术方案、故障复盘,同步到 Confluence / 语雀
开发语言·前端·python·github·visual studio·deepseek·openclaw
之歆9 小时前
Day05_CSS完整博客笔记(下)
前端·css·笔记
之歆9 小时前
Day05_CSS完整博客笔记(上)
前端·css·笔记
chenhua9 小时前
狗头管家终端工作台 - 让多终端管理变得优雅
前端·chrome·terminal·gemini·opencode·cluade