/*
* 构建数据列
* */
tableColumns = (currentData) => {
let group = lodashGroupBy(currentData, 'level1');
console.log('group', group);
return [{
title: '统计事项一级目录',
dataIndex: 'level1',
width: '100px',
key: 'level1',
render: (value, row, index) => {
if (!currentData.length || !currentData){
return '';
}
if (index === 0){//处理第一行数据
const obj = {
children: value,
props: {},
};
obj.props.rowSpan = group[value].length;
return obj
}
if (index > 0 && currentData[index-1].level1 === value){ //判断当前的值和前面一个值是否相等,如果相等则设置obj.props.rowSpan = 0;
const obj = {
children: value,
props: {},
};
obj.props.rowSpan = 0;
return obj
}else {
const obj = {
children: value,
props: {},
};
obj.props.rowSpan = group[value].length;
return obj
}
},
}, {
title: '统计事项二级目录',
dataIndex: 'level2',
width: '100px',
key: 'level2'
}].concat(this.dynamicMonth(this.state.startMonth, this.state.endMonth));
};
react——Table组件
原创
©著作权归作者所有:来自51CTO博客作者成都阿信的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:git 操作说明
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
React - 组件:类组件
类组件class
Javascript 学习笔记 react 数据 回调函数 -
React工作45:react组件
react
javascript react.js 前端 ES6 数据