Antd中table组件的render
时间: 2023-12-14 20:04:05 浏览: 183
Antd的table组件表格的序号自增操作
5星 · 资源好评率100%
Antd中的Table组件可以通过render属性来自定义单元格的渲染方式。具体来说,render属性可以接收一个函数,该函数会在每个单元格渲染时被调用,并且会传入当前单元格的值和该单元格所在行的数据对象作为参数。例如:
```javascript
<Table dataSource={data}>
<Column title="姓名" dataIndex="name" key="name" />
<Column title="年龄" dataIndex="age" key="age" render={(text, record) => (
<span>{text} 岁</span>
)} />
</Table>
```
在上面的例子中,我们通过render属性来自定义了年龄列的单元格渲染方式,将数字后面加上了“岁”字。其中,text参数表示当前单元格的值,record参数表示该单元格所在行的数据对象。在函数中,我们可以根据这些参数来返回一个自定义的渲染结果。
阅读全文