<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<body>
<div style="overflow-x: auto; width: 100%;" class="count-tr">
<table width="100%" border="1" id="mySubjectsTable">
<thead width="200px">
<tr>
<th>序號</th>
<th>水倉\品項</th>
<th>藍靈湖飲用水17L/桶</th>
<th>藍靈湖泡茶專用水17L/桶</th>
<th>藍靈湖天然礦泉水17L/桶</th>
<th>農夫山泉19L/桶</th>
<th>農夫山泉一次性12L水</th>
<th>瀋陽阿爾卑斯飲用水18L/桶</th>
<th>瀋陽阿爾卑斯天然礦泉水17L/桶</th>
<th>恆大飲用水18L/桶</th>
<th>農夫山泉380ml*24瓶/箱</th>
<th>恆大飲用水18L/桶</th>
<th>農夫山泉380ml*24瓶/箱</th>
<th>合計</th>
</tr>
</thead>
<tbody>
<tr style="text-align: center">
<td>1</td>
<td>鄭州市002-鄭東新區001東方金街店</td>
<td>10</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>10</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
<tr style="text-align: center">
<td>1</td>
<td>鄭州市002-鄭東新區001東方金街店</td>
<td>10</td>
<td>100</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>10</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
</tr>
</tbody>
</table>
</div>
<script>
// tr個數
var $obj = $('table').find('tbody');
var tr_length = $obj.find('tr').length;
// td個數
var td_length = $obj.find('tr:eq(0)').find('td').length;
var str = '<tr style="text-align: center;"><td>' + parseInt(tr_length + 1) + '</td><td>合計</td>';
if (td_length >= 3 && tr_length >= 0) {
for (var $i = 2; $i < td_length; $i++) {
var sum = 0;
for (var $j = 0; $j < tr_length; $j++) {
var html = $obj.find('tr:eq(' + $j + ')').find('td:eq(' + $i + ')').html();
sum = parseInt(sum) + parseInt(html);
}
str += '<td>' + sum + '</td>';
}
str += '</tr>';
$obj.append(str);
}
</script>
</body>
</html>
