<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function totalsum() {
var table = document.getElementById("table");
// row length
var totalRows = table.rows.length;
// total value of per column
var persum = 0;
// add one row to store total value of per column
var row = document.createElement("tr");
// column circulation
for (var j = 0; j < 5; j++) {
// row circulation
for (var i = 0; i < totalRows; ++i) {
// current column accumulation
persum += Number(table.rows[i].cells[j].innerHTML);
}
// per cell
var colume = document.createElement("td");
// add text of cell
colume.innerHTML = persum;
// add td to this row
row.appendChild(colume);
}
// add row to table
table.appendChild(row);
}
</script>
</head>
<body>
<table id="table" border="1">
<tr>
<td>01 </td>
<td>16 </td>
<td>16 </td>
<td>0 </td>
<td>7488 </td>
</tr>
<tr>
<td>02 </td>
<td>4381</td>
<td> 4062 </td>
<td>319</td>
<td> 1173723.79</td>
</tr>
<tr>
<td>03 </td>
<td>3323</td>
<td> 3059 </td>
<td>264852535.97 </td>
<td>381070.06</td>
</tr>
<tr>
<td>04</td>
<td> 5696</td>
<td> 5336</td>
<td> 3601417432.61</td>
<td> 714374.01</td>
</tr>
<input type="button" οnclick=totalsum() value="totalsum" />
</table>
</html>