1、html部分

summary-method 自定义的合计计算方法

<el-table :data="tableData" border stripe v-loading="tableLoad" :summary-method="getSummaries" show-summary>
</el-table>

2、js部分

    getSummaries(param) {
      // columnsm每一列标题
      //data所有数据
      const { columns, data } = param;
      const sums = [];
      //循环标题
      columns.forEach((column, index) => {
        //第0项显示合计
        if (index === 0) {
          sums[index] = '合计';
        }
        else if (index === 4) {
          //第四项计算金额
          var sum=0
          data.forEach(v=>{
            sum+=v.aiAnalysisMoney
          })
          sums[index]=sum
        }else{
          // 其他返回/
          sums[index]='/'
        }
      })
      //数据['合计', '/', '/', '/', 0, '/']
      return sums
    },

样式

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐