我有一种sumField
方法可以对给定列中的值进行总计:
sumField (key) {
let total = 0
const sum = this.tableName.reduce((acc, cur) => {
return (total += +cur[key])
}, 0)
return sum
}
在我的数据表中,我调用sumField
以生成数据表特定列中值的滚动总计:
<template v-slot:[`body.append`]="{headers}">
<tr class="summary">
<td v-for="(header,i) in headers" :key="i">
<div v-if="header.value == 'COL HEADER 1'">
{{ sumField('COL HEADER 1') }}</div>
<div v-else-if="header.value == 'COL HEADER 2'">
{{ sumField('COL HEADER 2') }}</div>
</td>
</tr>
</template>
这在屏幕上显示为数据表的附加行,并且值会根据应用于表的过滤器而变化。
有没有办法对计算的值求和,并将其显示为滚动总值?