antd vue table 设置rowClassName不生效的问题

在开发的需求中,需要通过设置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的样式

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。