elementUI中table的row-class-name和cell-class-name

我们现在有一个需求，要求指定的行是一个颜色，突出显示重要性，这时候可以使用el-table的row-class-name属性，

因为我是需要再行内传参，所以使用的是这个写法，如果不需要传参，直接如下即可：

:row-class-name="editCellClassName"

然后如下，给符合条件的行加上一个样式，然后在样式里面加背景色即可 

 因为我使用的是scss，所以深度选择器用的是::v-deep，如果使用的是less，也可以用/deep/

 

 但是现在需求改变，觉得一整行都是这个颜色，不太好看，想要符合条件的行的指定列背景色改变，这时候可以使用cell-class-name的属性，写法都是差不多的，只不过cell-class-name的第一个参数的对象里面，是四个属性{row, column, rowIndex, columnIndex}，这个时候可以通过rowIndex和columnIndex同时去筛选出符合条件的添加指定样式