一、在表格中添加事件:cell-class-name="cellClass"
<el-table :data="tableData" row-key="id" ref="table" :cell-class-name="cellClass">
二、cellClass事件要做的事情,对本列切有数据的单元格添加一个类名
cellClass({ row, column, rowIndex, columnIndex }) {
if (this.beijingse == true && row.data != undefined && column.label == 'data')
{
return 'first-row-second-col'
}
return ''
},
这里的row.data是为了判断单元格是否有数据,column.label是为了判断是不是这一例;this.beijingse是博主的一个其他条件,可忽略。
三、添加css样式
/deep/ .el-table__row {
.first-row-second-col {
background-color: #fdffd2;
}
}
之后查看页面就可以看到某一列有数据的单元格都有背景色啦。