将表格最后一列合并,定义一个计算属性,获取前面一列每行的数据之和

后台获取数据,用elementui的表格,一行字段分别为商品名称,商品类别,商品数量,单价,小计
小计的值为数量×单价
想要添加一列合计,里面的值为所有小计的和

elementUI里面在表格el-table绑定
:span-method="mySpanMethod"
比如你的合计为第6列(下角标为5),这时候应该把第6列的所有行进行合并,整成一列
tableList为表格数据数组,保证里面第一行已经有总和的数据

<script>
/** 合并方法 */
mySpanMethod ({ row, column, rowIndex, columnIndex }) {
  if (columnIndex === 5) {
    let _row = this.tableList.length //合并的行数
    if(rowIndex === 0){  //第一行往下合并其他行
       return {
         rowspan: _row,
         colspan: 1
       }
    }else{  //合计的那列除了第一行,所有都消失
      return {
        rowspan: 0,
        colspan: 0
      }
    }
  }
}
</script>

img