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

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

阅读 432
评论 2019-10-10 提问
    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'
        }
      })
    }
    评论 赞赏 2019-10-10

      这个在cloumn里可以设置的,通过返回render方式来自定义单元格的样式

      评论 赞赏 2019-10-10
        撰写回答

        登录后参与交流、获取后续更新提醒