(红色框里的是为动态数据)
表头中合并单元格:
{
title: '父节点名称1',
dataIndex: 'time1',
key: 'time1',
children: [{
title: '子类1',
dataIndex: 'originVal1',
key: 'originVal1',
width: 100
}, {
title: '子类2',
dataIndex: 'correctVal1',
key: 'correctVal1',
width: 100
}],
},
表格中合并单元格,我这里暂时有两种方法:
1.添加rowClassName
rowClassName(record, index){
//dosomething
return 类名;
},
2.添加customRender:
getRenderContent 的参数需要处理
表头.forEach(item=>{
if(条件){
item.customRender = (value, row, index) => {
const obj = {
children: value,
attrs: {},
};
if (index===0) {
obj.attrs.colSpan = 表头长度;
obj.attrs.className = '类名;//改变合并行的样式
}
return obj;
}
}else if(!item.children){
item.customRender = getRenderContent(0);
}else{
item.children.forEach(subItem=>{
subItem.customRender = getRenderContent(0);
})
}
})
function getRenderContent(num) {
return (value, row, index) => {
const obj = {
children: value,
attrs: {},
};
if (index === num) {
obj.attrs.colSpan = 0;
}
return obj;
};
}