在开发的需求中,需要通过设置rowClassName来设置不同的行样式,例如:
<a-table
ref="table"
:data-source="flowList"
columns="flowColumns"
row-key="record => record._id"
row-class-name="record => record.targetNodes ? 'adjust': ''"
>
</a-table>
我发现,在样式中设置类adjust之后不会起作用
<style scoped>
.adjust {
background-color: green;
}
</style>
这样写并不会改变行的背景颜色
经过翻阅资料,别人也遇到过这样的问题,是因为.adjust不能写在scoped当中,而应写在全局样式中
<style>
.adjust {
background-color: green;
}
</style>
改成这样后样式生效,但要注意,这样可能会影响到其他组件中class为adjust的样式