如何计算HTML表格中的总和

Question

我已使用日期选择器和其他过滤器选项在Web Apps和此Web应用程序中更新了Google表格表格。我的表包含一些数字（Row-Chargeback）我试图在我的网络应用程序的左上角生成总计（Sum）。

这应该只显示所选天数

详细脚本请参阅表sample Sheet

Answer 1

您可以使用数据表中的sum() api来获取总金额。你需要添加以下cdn。

<script type="text/javascript" language="javascript" src="//cdn.datatables.net/plug-ins/1.10.15/api/sum().js"></script>

在表格标记之前添加HTML元素，以显示总金额。

<p id="sum"></p>

然后在表数据表初始化期间添加以下回调函数。

drawCallback: function () {
              var api = this.api();
              $("#sum").html(
                "Total Amount: "+api.column( 4, {page:'current'} ).data().sum().toLocaleString()
              );
            }

注意：由于您使用的是多个插件，因此在可能的情况下将插件组合到单个CDN链接中，而不是向DataTables CDN发出多个请求，这在性能方面是有益的。