element-ui合并行单元格

最新推荐文章于 2024-06-21 11:27:06 发布

m0_67217462

最新推荐文章于 2024-06-21 11:27:06 发布

阅读量103

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/m0_67217462/article/details/129990375

版权

这段代码展示了如何在JavaScript中处理数据循环，通过比较相邻元素来决定是否合并表格单元格。它使用了`spanArr`存储合并信息，并调用`objectSpanMethod`进行合并操作，主要针对前9列和第3列的数据进行处理。

摘要由CSDN通过智能技术生成

数据先循环
for (var i = 0; i < this.list.length; i++) {
            if (i === 0) {
              this.spanArr.push(1)
              this.pos = 0
            } else {
              // 判断当前元素与上一个元素是否相同(第1和第2列)
              if (this.list[i].shipmentNo === this.list[i - 1].shipmentNo) {
                this.spanArr[this.pos] += 1
                this.spanArr.push(0)
              } else {
                this.spanArr.push(1)
                this.pos = i
              }
            }
          }

调用合并方法
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex < 9) {
合并前9行
        const _row = this.spanArr[rowIndex]
        const _col = _row > 0 ? 1 : 0
        return {
          rowspan: _row,
          colspan: _col
        }
      } else if (columnIndex === 3) {
        const _row = this.contentSpanArr[rowIndex]
        const _col = _row > 0 ? 1 : 0
        return {
          rowspan: _row,
          colspan: _col
        }
      }
    },