el-table 合集行合并
1.模板中
2.js中
2.1计算合计
(图片来源网络,侵删)
/** 计算合计*/ getSummaries(param) { const { columns, data } = param; const sums = []; columns.forEach((column, index) => { const values = data.map(item => Number(item[column.property])) if (index === 2) { sums[index] = values.reduce((prev, curr) => { const value = Number(curr) if (!isNaN(value)) { return prev + curr } else { return prev } }, 0) sums[index] = "合计:" + sums[index] + " 万元" } }) return sums },
2.2合并最后一行
arraySpanMethod() { setTimeout(() => { if (this.$refs.tableSumRef1) { let current = this.$refs.tableSumRef1.$el .querySelector(".el-table__footer-wrapper") .querySelector(".el-table__footer"); let cell = current.rows[0].cells; cell[0].style.display = "none"; cell[1].style.display = "none"; cell[2].colSpan = "4"; } }, 50); },
文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。