antd中的table,如何根据单元格数据不同显示不同的背景色

求大佬详细解释,看过其他人的回答,还是不太清楚怎么设置的样式

阅读 1.3k
评论
    2 个回答

    用css就可以了

    .ant-table-tbody tr:nth-child(2n) {
        background-color: grey;
    }

    单元格可以用jsx:

    {
      title: '编号',
      dataIndex: 'orderNo',
      align: 'center',
      render: val => <span className="red-style">{val}</span>,
    }

    或者onCell:

    {
      title: '编号',
      dataIndex: 'orderNo',
      onCell: (record, rowIndex) => ({
        style: {
          backgroundColor: 'red'
        }
      })
    }