element-ui 表格所选改变行颜色
作者:
小北呀_ | 来源:发表于
2020-06-09 17:22 被阅读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;
}
本文标题:element-ui 表格所选改变行颜色
本文链接:https://www.haomeiwen.com/subject/gyletktx.html
网友评论