js方法
找到.js文件
在
table.bootstrapTable({})初始化之后表格之后添加
table.on('post-header.bs.table', function () {
let totalNum = 0; let data = table.bootstrapTable('getData'); for (let i = 0; i < data.length; i++) { totalNum += parseFloat(data[i].Num); }
// 创建合计行 let totalRow = '<tr id="total">' + '<td style="text-align: center; vertical-align: middle; " colspan="3">合计:</td>' + // 空列,保持与其他列对齐 '<td style="text-align: center; vertical-align: middle; ">' + totalNum + '</td>' + '<td></td>' + // 空列,保持与其他列对齐 '<td></td>' + // 空列,保持与其他列对齐 '<td></td>' + // 空列,保持与其他列对齐 '</tr>'; // 插入合计行到表格底部 table.find('tbody').append(totalRow);
});
php方法
组装数据的时候根据与数据结构自己算出来一行数据并添加到row中 但是这个方案还要对编辑列和其他列进行一些操作,不建议