欢迎光临
我的个人博客网站

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

 

赞(0) 打赏
未经允许不得转载:张拓的天空 » element-ui 表格选中行改变行颜色
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏