react antd组件table跨行跨列

给官网上的看不懂的同行写的,毕竟我一开始也看不懂(现在也没看懂)

逻辑是在列的设置上写,通过条件判断跨行还是不跨行以及跨多少行

const columns =[
	title: '姓名',
    dataIndex: 'name',
    key: 'name',
    render:(text,record,index)=>{
    	if(text === '小李'){
    		return {
				chidren: <div>填你要写的内容</div>,
				props: {
					//表示跨了四行或者四列
					colSpan: 4,	
					rowSpan: 4
				}
			}
    	}
    }
]

版权声明:本文为xye1230原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。