So zeigen Sie die Spaltensumme in der letzten Tabellenzeile an

Question

Hier werden die Werte in der Tabelle angezeigt. In der letzten Zeile muss ich die Summe der Spalten totalamt anzeigen. var total; ist das Feld, das die Summe von TotalAmt sammelt. Ich muss dies in der letzten Zeile anzeigen.

 if (data.length > 0) { 

      var tr; 

      var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun","Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; 
      for (var i = 0; i < data.length; i++) { 

       var date = new Date(data[i].CompDt); 

       var month = monthNames[date.getMonth()]; 
       var total = 0; 


       var sprintno = data[i].ID; 
       var totalamt = data[i].TotalAmt; 
       tr = $('<tr/>'); 
       tr.append("<td>" + month + "</td>"); 
       tr.append("<td>" + no + "</td>"); 
       tr.append("<td>" + totalamt + "</td>"); 
       $('#GraphTable').append(tr); 
      } 

      var total = 0; 
      for (var i = 0; i < data.length; i++) { 
       total = total + data[i].TotalAmt; 
      } 

      tr = $('<tr style="font-weight: bold; background-color: white" />'); 
      tr.append("<td></td>"); 
      tr.append("<td></td>"); 
      tr.append("<td></td>"); 


      $('#GraphTable').append(tr); 
     } 

Answer 1

Dieses Beispiel umfassen die vorherige Antwort und ein Update, um Ihren Code (sprintno anstelle von no):

https://jsfiddle.net/m6hxwhev/2/

Answer 2

verwenden

$('#GraphTable').append('<tr><td>'+total+'</td></tr>');