美文网首页大前端
antd table 设置单元格颜色

antd table 设置单元格颜色

作者: jack钱 | 来源:发表于2024-09-12 11:43 被阅读0次

一开始尝试使用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

相关文章

网友评论

    本文标题:antd table 设置单元格颜色

    本文链接:https://www.haomeiwen.com/subject/ghlmljtx.html