在web開發中，數據表格是一個非常常見的組件。jQuery DataTables是一個非常流行且易于使用的庫，用于顯示和操作數據表格。其中一個非常有用的功能就是合計（Summation）功能。 當在表格中顯示數值數據時，我們經常需要對數據進行合計。在jQuery DataTables中，合計功能可以通過使用插件來實現。 首先，將以下代碼添加到HTML文件中：

<!--引用jQuery和jQuery DataTables庫-->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" >
<!--引用jQuery DataTables合計插件-->
<script src="https://cdn.datatables.net/plug-ins/1.10.25/api/sum().js"></script>

接下來，在初始化數據表格的代碼中添加以下內容：

$('table').DataTable({
"footerCallback": function ( row, data, start, end, display ) {
var api = this.api(), data;
// Remove the formatting to get integer data for summation
var intVal = function ( i ) {
return typeof i === 'string' ?
i.replace(/[\$,]/g, '')*1 :
typeof i === 'number' ?
i : 0;
};
// Total over all pages
total = api
.column( 4 )
.data()
.reduce( function (a, b) {
return intVal(a) + intVal(b);
}, 0 );
// Update footer
$( api.column( 4 ).footer() ).html(
'$'+total.toFixed(2)
);
}
});

上述代碼中，我們先定義了一個函數intVal用于將單元格的字符串數據轉換為數字。然后我們通過使用reduce()方法，將每個單元格的值相加得到總和。最后我們將總和更新到表格的footer中。 這里的參數4表示第5列數據需要被合計，你可以根據你的表格中的數據來調整參數。 現在我們已經成功添加了jQuery DataTables合計插件，可以輕松地合計數據表格中的數據。這為我們的web開發工作帶來了巨大的便利。