1.在el-table 中添加cell-class-name 属性
<el-table ref="sonTable" :key="reloadKey" v-loading="loading" :cell-class-name="cellClassName" >
</el-table>
2.在style中添加css元素
`.red-border-bottom` 只用这个类名的话 容易造成权重不够
::v-deep .el-table .red-border-bottom {
border-bottom :1px solid red;
}
3.在method中添加方法
cellClassName({row, column, rowIndex, columnIndex}){
if (row.Flag === '1'){//你的限制条件
return ' red-border-bottom '
}
},
4. 实现,如图片所示
5.总结:
之前使用的 :row-class-name
调试了半天不行,最后更换cell-class-name
,一个小坑