可以通过 :rowClassName="setRowClassName"进行设置。
1:a-table标签
<a-table
:column="columns"
:data-source="data"
:rowClassName="setRowClassName"
>
</a-table>
2:在methods方法中;
// 行样式设置
setRowClassName (record) {
return record.name === 'test' ? 'clickRowStyle' : '' //可以根据需求进行判断
},
3:style中设置class属性;
/deep/ .clickRowStyle {
background-color: plum !important;
}
背景颜色设置成功后,出现效果如下:
注:每次鼠标移入到变色的table行上面,背景色就会变成灰色,要求是移入后也应该是变过色的背景色;
/deep/ .ant-table-tbody .ant-table-row:hover > td {
background: none !important;
}