Vue 根据数据给el-table相关行添加背景色

方法一:


cell-style绑定的tableRowStyleName返回的是具体样式

tableRowStyleName({row}) {
					if(row.item_name == 'aaa'){
						return 'background-color: #E0E0E0 !important;';
					}
				}

方法二:


row-class-name绑定的tableRowStyleName返回的是类名

tableRowClassName({row}) {
					if(row.item_name == 'aaa'){
						return 'row-grey';
					}
				}

在elementUI中,row-class-name、row-style、cell-class-name等属性要想生效必须使用全局class才能生效,所以不能放在里面。

你可能感兴趣的:(Vue 根据数据给el-table相关行添加背景色)