antd table 設(shè)置單元格顏色

一開始嘗試使用render給背景色,但是發(fā)現(xiàn)只能設(shè)置一小塊,不能覆蓋整個(gè)單元格

render: (data: any) => {
  return <span style={{background:'blue'}}>{data}</span>
},

后來發(fā)現(xiàn)了onCell屬性,可以用來 設(shè)置單元格屬性,但是沒有具體用法


image.png

嘗試過后可以這樣用:
能在標(biāo)簽上綁定的所有屬性應(yīng)該都可以支持

onCell: (record: any) => {
  if (record[item.headname]?.isflag === false) {
    // 滿足條件附帶樣式,也可以附帶點(diǎn)擊事件
    return {
      className: 'cellColor',
      onClick:()=>{
        console.log(111);
      }
    };
  }
},

效果:


image.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容