关于前端:Element表格总计展示在第一行

先上效果图：

实现办法：

没有用饿了么的summary-method办法，因为这个办法只能增加在最初一行。我把summary-method提出来改了下，把办法返回的数组改成了和表格数据一样的key：value格局，而后用unshift插入到第一行。

sum(data) {   if (data.length > 0) {     let keys = Object.keys(data[0])     const sums = {};     keys.forEach((column, index) => {         let property = column         if (index === 0) {            sums[column] = '总价';            return;          }          const values = data.map(item => Number(item[column]));          //验证每个value值是否是数字，如果是执行if          if (!values.every(value => isNaN(value))) {                sums[column] = values.reduce((prev, curr) => {                  return prev + curr;                }, 0);                sums[column] += ' 元';              } else {                sums[column] = 'N/A';              }              if (keys[keys.length - 1] === column) {                data.unshift(sums);              }            });          }        }

data是须要计算总和的数据，翻页也是能够用sum办法，只有分页后拿到的表格数据传给sum即可，须要留神的是如果有排序的话排序的办法须要另写，不能间接用饿了么的sortable，不然会把总和的数据也进行排序

demo代码

git地址
https://github.com/liguangshu...