antd table 设置单元格颜色

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

推荐阅读更多精彩内容