使用蚂蚁金服的Table组件一般来说,都是一列一个变量,我们在coclums中定义dataIndex作为该列的ID,在dataSource对该ID进行赋值即可,然而,当某一列需要有多个变量值写入时,我们就不可以再用dataIndex来定义一个ID。具体解决方案将在下文中给出。
1.实现功能的效果图如下:
2.在columns中如下定义,
columns:[{
title: '积分消费记录',
render: (text, record) => (
<span>
消费{record.detail}汽油
满{record.consumeAmount}>
减{record.deductibleAmount}
</span>
)
}],
3.在dataSource中赋值即可
dataSource[{
detail:'50',
consumeAmount:'1000',
deductibleAmount:'200'
}]
4.在render中进行渲染即可看到效果啦~