如何在 PrimeNG 表的页脚中显示汇总计算？

Question

我花了很长时间找出如何在 PrimeNG 末尾执行一个简单的汇总函数p-table。例如，如果我想对表的最后一行中的特定列进行总计，或者显示整数值的最小值，或者对表中可见的任何行进行类似 \xe2\x80\x94 的任何其他汇总操作当时。

\n

我尝试通过访问Table组件中的 PrimeNG 对象本身来滚动自己的对象：

\n

@ViewChild(\'dt\', { static: true }) private dt: Table;

\n

然后查看该via的内容

\n

console.table(this.dt)

\n

一旦我在任何列过滤器中输入了一些内容，我就可以访问filteredValue的属性。this.dt但我无法访问 或 中的this.dt.value内容this.dt._value。PrimeNG\ 的文档提到了“摘要部分”，但没有提供有关如何在该部分中执行摘要函数的指导：

\n

表的 P​​rimeNG 文档

\n

困惑。

\n

Answer 1

您不应该使用“摘要”功能，而应使用“页脚”模板。

像这样的东西：

<ng-template pTemplate="footer">
    <tr>
        <td colspan="3"></td>
        <td>Total:$506,202</td>
        <td>Min:$8,500</td>
    </tr>
</ng-template>

参见StackBlitz