Ant Design Pro 根据单元格的值修改样式

最近在用Ant Design Pro 碰到了一个这样的需求:根据单元格值得不同修改行样式,看了很多很多的百度,代码补全,小白伤不起,于是记下自己的心得,我用的是Ant Design Pro V5

 

一:css样式(这里是重点)

Ant Design Pro 根据单元格的值修改样式_第1张图片

 

说明:在这里,我自己的样式是 staffs-Status-Style  但是这个必须要用  :global  套起来,:global 在官方的说明中是

 

二、jsx(我觉得写起来巨难受)

Ant Design Pro 根据单元格的值修改样式_第2张图片

 

关键的那一句,rowClassName里的  staffs-Status-Style , 这个是自己的css类名

对了,要在开头import  

 

 

最后效果

 

你可能感兴趣的:(前端)