zoukankan      html  css  js  c++  java
  • react——Table组件

    /*
    * 构建数据列
    * */
      tableColumns = (currentData) => {
    
        let group = lodashGroupBy(currentData, 'level1');
        console.log('group', group);
        return [{
          title: '统计事项一级目录',
          dataIndex: 'level1',
           '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',
           '100px',
          key: 'level2'
        }].concat(this.dynamicMonth(this.state.startMonth, this.state.endMonth));
      };
  • 相关阅读:
    Ubuntu 图形界面和终端切换
    docker 启动失败
    Windows 压缩文件到 Linux中解压文件名乱码
    PHP注释标记整理
    docker常用命令
    caffe初体验
    css中的单位
    js动态添加div
    Pycharm 2019 添加 docker 解释器
    常用的方法整理
  • 原文地址:https://www.cnblogs.com/zxyun/p/8177891.html
Copyright © 2011-2022 走看看