el-table计算合计(vue2)
·
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
},
样式

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


所有评论(0)