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同时去筛选出符合条件的添加指定样式

 

相关推荐

  1. ElementUitable组件使用row-class-name修改指定行

    2024-01-26 19:34:01       62 阅读
  2. Kotlin ,data class 普通 class

    2024-01-26 19:34:01       32 阅读
  3. Pytorchnamed_children, named_modulesnamed_children

    2024-01-26 19:34:01       29 阅读
  4. C++ struct Class

    2024-01-26 19:34:01       39 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-26 19:34:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-26 19:34:01       101 阅读
  3. 在Django里面运行非项目文件

    2024-01-26 19:34:01       82 阅读
  4. Python语言-面向对象

    2024-01-26 19:34:01       91 阅读

热门阅读

  1. 西门子S7协议参考网站

    2024-01-26 19:34:01       58 阅读
  2. compose部署03

    2024-01-26 19:34:01       54 阅读
  3. nginx技能点汇总

    2024-01-26 19:34:01       55 阅读
  4. Python学习笔记--内置模块functools中的lru_cache()函数

    2024-01-26 19:34:01       62 阅读
  5. spring-aop的介绍和使用

    2024-01-26 19:34:01       47 阅读
  6. SpringBoot服务设置禁止server.point端口的使用

    2024-01-26 19:34:01       56 阅读
  7. 【Spring】服务启动后指定命令实现方法

    2024-01-26 19:34:01       59 阅读
  8. C++实现模版模式 + 创建者模式的demo

    2024-01-26 19:34:01       50 阅读
  9. ffmpeg 实用命令 -- 设置预览图

    2024-01-26 19:34:01       53 阅读