// 合并行
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
let that = this
that.spanArr = []
that.pos = 0
let data = this.topicTableData
//遍历数据
data.forEach((item, index) => {
if (index === 0) { //判断是否是第一项(取决于你准备合并表格第几项)
this.spanArr.push(1)
this.spanSecondArr.push(1)
this.pos = 0
} else {//不是第一项时,就根据标识去存储
if (data[index].func === data[index - 1].func) {// 查找到符合条件的数据时每次要把之前存储的数据+1
this.spanArr[this.pos] += 1
this.spanArr.push(0)
} else {// 没有符合的数据时,要记住当前的index
this.spanArr.push(1)
this.spanSecondArr.push(1)
this.pos = index
}
}
})
if (columnIndex === 0) {
// 页面列表上 表格合并行 -> 第几列(从0开始)
// 需要合并多个单元格时 依次增加判断条件即可
// 数组存储的数据 取出
const _row = this.spanArr[rowIndex]
const _col = _row > 0 ? 1 : 0
return {
rowspan: _row,
colspan: _col
}
} else {//不可以return {rowspan:0, colspan: 0} 会造成数据不渲染, 也可以不写else,eslint过不了的话就返回false
return false
}
},