如何使用antd中tabale控制某幾列或某幾行的合併
const sec = examine.scoreIndexNum
const renderContent = (value:any, row:any, index:any) => {
let i;
for (i of toJS(sec)){
if(index==i.start){
let span =i.end-i.start+1
return{
children:value,
props:{rowSpan:span}
}
}
if(index>i.start&&index<=i.end){
return{
props:{rowSpan:0}
}
}
}
}
在columns中使用render屬性即可
const columns = [
{
title: '這是啥',
dataIndex: 'firstDim',
key: 'firstDim',
width: '100px',
align: 'center',
render: renderContent
},
<Table columns={columns} dataSource={examine.detailScoreTable} bordered size="small" pagination={false}></Table>