1.需要先在表格头里在添加一个来接收每行数据相加得到的总和,如下:我们用Number(scope.row.prop)将计算的prop编码以同样的形式相加;(如图二中的总数列)

        2.如果在中添加show-summary则会在表尾显示合计行如图2合计行,不需要就不用添加;

        3.在这里我们可以给中添加一个sortable,这是elementUI表格中自带的属性,非常好用(如图3),当我们点击上下三角时可以直接对这一列的数据进行排序:

图1:代码

图2: 效果图

 

图3:

 

参考链接

评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。