elementui objectSpanMethod 合并行使用

知了枝头看雪

于 2024-09-05 17:38:59 发布

阅读量234

点赞数 2

文章标签： elementui 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_44941581/article/details/141936904

版权

<el-table
      :fit="true"
      border
      height="100%"
      v-loading="loading"
      highlight-current-row
      class="new-style-table tableH"
      ref="queryTable"
      :data="qiBaseList"
      :span-method="objectSpanMethod"
    >

    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 1) { // 指定合并第二列
        if (rowIndex !== 0 && this.qiBaseList[rowIndex - 1].DYFX === this.qiBaseList[rowIndex].DYFX) { // 第二列中的数据字段DYFX 只要重复 就合并行 qiBaseList 是表格数据数组
          return { rowspan: 0, colspan: 1 }
        } else {
          let count = 1
          for (var i = rowIndex + 1; i < this.qiBaseList.length; i++) {
            if (this.qiBaseList[i].DYFX === this.qiBaseList[rowIndex].DYFX) {
              count++
            } else {
              break
            }
          }
          return { rowspan: count, colspan: 1 }
        }
      }
    },