I want to calculate sum of all rows of column " Subtotal " in table on runtime . this my table.. i am binding it on run time of click of button with ajax method.
<table id="tbproducts" cellpadding="0" cellspacing="2">
<thead style="background-color:#DC5807; color:White; font-weight:bold">
<tr style="padding: 2px; margin: 2px; border: 1px solid #666666;" valign="middle">
<td style="padding:5px">Product Name</td>
<td style="padding:5px">Price</td>
<td style="padding:5px">Quantity</td>
<td style="padding:5px">Subtotal</td>
</tr>
</thead>
<tbody id="tbproducts1">
</tbody>
</table>
<script type="text/javascript">
$(document).ready(function() {
$("[id*=LinkButton1]").live("click", function() {
var order = $("#<%= TextBox1.ClientID %>").val();
var pageUrl = '<%=ResolveUrl("trackorder.aspx")%>'
$.ajax({
type: "POST",
url: pageUrl + "/products",
contentType: "application/json; charset=utf-8",
data: "{'order':'" + order + "'}",
dataType: "json",
success: function(data) {
for (var i = 0; i < data.d.length; i++) {
$("#tbproducts").prepend("<tr style='width:400px'><td >" +
data.d[i].prodname + "</td><td >" + "Rs." + data.d[i].prodprice +
"</td><td >" + data.d[i].quantity + "</td><td >" +
"Rs." + data.d[i].subtotal + "<td/><tr/>");
}
},
error: function(result) {
alert("Error Try Again");
});
return false;
});
});
</script>