antd table 设置单元格颜色
2024-09-12 本文已影响0人
jack钱
一开始尝试使用render给背景色，但是发现只能设置一小块，不能覆盖整个单元格
render: (data: any) => {
return <span style={{background:'blue'}}>{data}</span>
},
后来发现了onCell属性，可以用来 设置单元格属性，但是没有具体用法
image.png
尝试过后可以这样用：
能在标签上绑定的所有属性应该都可以支持
onCell: (record: any) => {
if (record[item.headname]?.isflag === false) {
// 满足条件附带样式，也可以附带点击事件
return {
className: 'cellColor',
onClick:()=>{
console.log(111);
}
};
}
},
效果：
image.png
