鍍金池/ 問(wèn)答/HTML/ antd table一列如何存放兩個(gè)字段?

antd table一列如何存放兩個(gè)字段?

codepen

以上面這個(gè)demo為例,如何將name和age倆字段顯示在同一列?

回答
編輯回答
終相守

好吧,又是自問(wèn)自答。
在columns的配置項(xiàng)里寫一個(gè)render方法,通過(guò)參數(shù)row即可取到所有的字段,代碼如下:

{
  title: '渠道',
  dataIndex: 'channel_type',
  key: 'channel_type',
  render: (text, row, index) => {
    return (<span>{row.channel_type} {row.name}</span>)
  },
}
2018年4月22日 21:36