实现非常简单 

代码

 const columnsinsu = [{dataIndex: 'nowdate',key: 'nowdate',render: (text, record) =><Cardhoverablestyle={{width: '97%',height: 90,}}// cover={<img alt="example" src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png" />}><div style={{ 'display': 'flex' }}><div style={{ 'borderRight': '1px solid lightgray', 'textAlign': 'center', 'width': '12%' }}><h3><BarChartOutlined style={{ 'color': '#409EFF' }} />{text}</h3></div><div><div style={{ 'textAlign': 'center', 'borderRight': '1px solid lightgray', 'marginLeft': '30px', 'width': '100%' }}>公司社保金额<h3>{record.gr_social}</h3></div></div><div><div style={{ 'textAlign': 'center', 'borderRight': '1px solid lightgray', 'marginLeft': '30px', 'width': '100%' }}>个人社保金额<h3>{record.gr_social}</h3></div></div><div><div style={{ 'textAlign': 'center', 'borderRight': '1px solid lightgray', 'marginLeft': '30px', 'width': '100%' }}>参保人数<h3>{record.staff_num}</h3></div></div><div><div onClick={() => { insurRow(record) }} style={{ 'textAlign': 'right', 'marginLeft': '330px' }}>查看凭证</div></div></div></Card>},

这个对象是 table表格的 标题   render渲染的是表格的内容   不加render的话里面的key和dataindex就是 table表格中的内容  render 加上标签 的话可以说是覆盖key  和dataindex

的渲染内容