标签：index rowspan 相同 spanArr 合并 selectTableData push row

            <el-table
              stripe
              v-show="showTable"
              :key="Math.random()"
              v-loading="loading"

　　　　　　　　:span-method="objectSpanMethod"

              :data="selectTableData"
　　　　　　　　 border
              :header-cell-style="{background:'#ffffff',color:'#212529'}"
              empty-text="请选择一个分析"
            >
              <el-table-column
                prop="contract_id"
                label="合同号"
                width="150"
              />

//查找相同列
    rowspan() {
        let position = 0;
        let spanArr = []
      this.selectTableData.forEach((item, index) => {
        if (index === 0) {
          spanArr.push(1);
        } else {
          if (item.contract_id === this.selectTableData[index - 1].contract_id) {
            spanArr[position] += 1;
            spanArr.push(0);
          } else {
            spanArr.push(1);
            position = index;
          }
        }
      });
        return {one:spanArr}
    },

    // 合并相同列
    objectSpanMethod({row, column, rowIndex, columnIndex}) {
      //表格合并第一列
      if (columnIndex === 0) {
        const _row = this.rowspan().one[rowIndex];
        const _col = _row > 0 ? 1 : 0;
        return {
          rowspan: _row,
          colspan: _col
        };
      }


    },

标签：index,rowspan,相同,spanArr,合并,selectTableData,push,row
来源： https://www.cnblogs.com/ywky/p/16574750.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。