飞鱼视界

东方飞鱼的后花园

个性签名:不敢冒险才是最大的冒险。

element-ui 表格选中行改变行颜色

发布时间:2021-5-28 作者:Admin 所属分类:

<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;
}

上一篇:vuejs解决页面渲染完毕之前显示{{msg}}的问题

下一篇:Element UI实现表格列宽随内容自适应

发表评论: