zoukankan      html  css  js  c++  java
  • element-ui 表格选中行改变行颜色

    <el-table
            :row-class-name="tableRowClassName"
            :data="every_list"
            @selection-change="handleSelectionChange"
    >
    
    /**
     * 改变表格每一行
    用forEach还不行。。用的for循环,
    this.selectList=[]是选中的数组列表,用索引和rowIndex比较,
    相等就是同一行,然后改变这一行的颜色
     * */
    tableRowClassName({row,rowIndex}) {
        let self = this
        for(let i=0;i<self.selectList.length;i++) {
            if (rowIndex === self.selectList[i]) {
                return 'warning-row';
            }
        }
    
    },
    /**
     * 多选是数组列表
     * */
    handleSelectionChange(val) {
       self.selectList = val
       
    }
    样式
    .el-table .warning-row {
        background: pink!important;
    }
  • 相关阅读:
    C# UDP实现通信的方法
    Leetcode 559. N叉树的最大深度
    101. 对称二叉树
    108. 将有序数组转换为二叉搜索树
    剑指 Offer 55
    Linux
    Linux
    Linux
    Linux
    Linux
  • 原文地址:https://www.cnblogs.com/yysbolg/p/13639215.html
Copyright © 2011-2022 走看看