element ui 合计/table show-summary

最新推荐文章于 2024-05-10 14:53:36 发布

转载最新推荐文章于 2024-05-10 14:53:36 发布 · 416 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/antyhouse/p/10276166.html

文章标签：

#ui

本文详细介绍了在el-table中使用show-summary属性实现数据合计的方法，针对合计栏出现空值或合计错误的问题，分析了可能的原因，主要是由于后台返回的数据包含undefined，以及template内处理的数据不会被计入合计。通过实例演示如何正确实现合计功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在el-table 上面加上show-summary就可以对table的数据进行合计
但是上次出现了合计栏有的为空，有的合计不对的情况,如果出现的是空,那么说明你渲染的数据有undefine（即后台返回的数据)，
页面上看不到undefined的情况是因为你在template里面做了处理，下面的例子可以看一下,最主要的一点就是合计只会对prop里面的数据进行合计,并不会对template里面做处理的数据进行合计
举个例子：这里我对template里面的数据做了处理

另外没有做处理的输出是正确的啦