自定义渲染需要在columns属性中设置,在当前列配置中添加 render 属性。
render 在列配置当中是一个可以生成复杂数据的渲染函数,函数的参数分别为当前行的 dataIndex 的值对应的属性值,当前行数据,行的索引,例如:
const dataSource=[ { name:'名称', id:1, }, ]; const columns=[ { title:'名称', dataIndex:'name', render:(text,record,index)=>{ <> {index}.我叫{text},id为{record.id} </> } //输出结果为 1.我叫名称,id为1 }, ]
