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

Question

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

Answer 1

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>