HTMLテーブルの合計金額の計算方法

Question

WebアプリケーションとこのWebアプリケーションのGoogleシートテーブルを日付ピッカーとその他のフィルタオプションで更新しました。私のテーブルはいくつかの数字で構成されています（Row-Chargeback）私はWebアプリケーションの左上に総計（Sum）を生成しようとしています。

これは、詳細なスクリプトの

選択した曜日の数だけを表示する必要がありますあなたは金額の合計を取得するために、データテーブルからsum() apiを使用することができるシートsample Sheet

Answer 1

を参照してください。あなたは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() 
      ); 
      } 

注：複数のプラグインを使用しているので、それは可能な限りかなりのDataTable CDNへの複数の要求を行うよりも、一つのCDNリンクにプラグインを組み合わせてパフォーマンスの面で有益です。