ant design 的table组件中设置单元格背景颜色

有时候我们在业务中会遇到一个表格,里面有很多数据, 这时候憨憨产品跑过来说,其中一个数据需要判断, 比如  age >18 的,背景颜色要标红,  18<age> 25的背景颜色要标绿色,  注意这是背景颜色, 

这时候.可以用这个api来做

 

...
{
title:'年龄',
dataIndex:'Age';
customCell:(record)=>({
    style:{
         backgroundColor: record.Age > 18? 'red' : 'green',  //判断单元格的值,来显示背景颜色
         color: 'white',   //单元格文字颜色
         fongSize: '20px',  //文字大小
         ...  //可以设置更多属性 
    })
},
....

这些样式设置好后,都会想渲染到这个单元格上面

<td style: "backgroundColor: red ; ... "></td>