element-ui 表格所选改变行颜色
2020-06-09 本文已影响0人
小北呀_
<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;
}