customCell

Question

a-table表格两级嵌套 通过a-table-column-group循环嵌套a-table-column 这边有个需求 需要针对具体某个单元格根据数值设置背景色 官网提供的customCell属性不满足当前场景 也不支持自定义传参 想问下大家有没有什么好的解决办法 感谢

Answer 1

你可用动态样式的 使用render属性,传入一个函数,在函数内部判断单元格值,动态设置样式

<a-table-column
  title="单元格"
  dataIndex="cell"
  render={(text, record) => {
    if(text > 5){
      return <div style={{backgroundColor:'red'}}>{text}</div>
    }
    return text;
  }}  
/>