Antd 修改table行样式颜色 rowClassName的使用

3,943 阅读1分钟

antd vue table 参数rowClassName的使用

首先我们先看一下效果图

image.png 表格通过后台返回的每一行数据 改变颜色

image.png

给isColourRow传入行的数据record,使用switch判断拿到的是哪一行

image.png

然后给行加上样式,因为使用穿透样式,所以加上/deep/,不懂可以看# Vue less 样式穿透 解决组件样式设置无效问题

image.png

这样就ok啦