Question

The Created column should have “7” for the Total row. The Redeemed column should have “6” for the total row. Sometimes, there will only be two months of rows or there could be ten rows. How can I total the values up and stick them in the last row of the table using jQuery?

<table cellspacing="0" rules="all" border="1" id="DataGrid2" style="border-collapse:collapse;">
<tbody><tr>
    <td>CreationDate</td><td>Created</td><td>Redeemed</td>
</tr><tr>
    <td>August 2011</td><td>5</td><td>6</td>
</tr><tr>
    <td>July 2011</td><td>1</td><td>0</td>
</tr><tr>
    <td>June 2011</td><td>1</td><td>0</td>
</tr><tr>
    <td>Total</td><td>&nbsp;</td><td>&nbsp;</td>
</tr>

Image:

Answer 1

Ok, this one gets values for both columns…

var c2Total = 0;
var c3Total = 0;

$("tr").find("td").each(function(){
    var curVal = parseInt($(this).text());

    if(!isNaN(curVal)){
        if($(this).index() == 1){
           c2Total += parseInt($(this).text());
        }
        else if($(this).index() == 2){
           c3Total += parseInt($(this).text());
        }
    }

});
$("#DataGrid2 tr:last td:eq(1)").text(c2Total );
$("#DataGrid2 tr:last td:eq(2)").text(c3Total );

You can see the fiddle here: http://jsfiddle.net/Broham/Rtm8p/2/