zoukankan      html  css  js  c++  java
  • 怎么样使element ui 的table某列变色

    第一步.在el-table里面加上:row-style="rowClass"

     <el-table
          :data="targetCarList"
          border
          fit
          v-loading.body="listLoading" 
          element-loading-text="拼命加载中" 
          style=" 100%"
          :row-style="rowClass" >
    </el-table>
    

    第二步 再根据判断来决定颜色的显示

     rowClass (row, index) {
          if (this.statusActive === 'PURCHASE_OFFER') {
            row.offerNum = row.offerNum ? row.offerNum : 0
            if ((row.deployTimeTotal > 30 && row.deployTimeTotal <= 60) && row.offerNum === 0) {
              return { "background-color": "#FFDDAA" }
            } else if ((row.deployTimeTotal > 60) && row.offerNum === 0) {
              return { "background-color": "#FFCCCC" }
            }
          }   
        },
    

    上面的row打印出来是每一列的所有数据,决定颜色变化的是 return { "background-color": "#FFDDAA" },如果没有判断是直接返回的。
    因为row-style主要是 ----行的 style 的回调方法,也可以使用一个固定的 Object 为所有行设置一样的 Style。

  • 相关阅读:
    Ansible运维自动化(配置管理工具)
    Haproxy 概述及搭建
    Hadoop 单机与完全分布式配置
    大数据与Hadoop
    Hadoop 高可用
    kafka原理和集群
    zookeeper原理及搭建
    个人记录点滴
    Java中导入Excel文件
    反射相关
  • 原文地址:https://www.cnblogs.com/antyhouse/p/10552115.html
Copyright © 2011-2022 走看看