vue中表尾合计

1.在组件引用中添加@summaryMethod=“getSummaries”
:showSummary=“true”

 <TableViewref="tableRef":isPaginationShow="true":openRightMenu="true":openRangeSelect="true":formTopHeight="formTopHeight":columns="columns":data="tableList":pagination="pagination"@getData="getList"@summaryMethod="getSummaries":showSummary="true"@handleFilterList="handleFilterList">

2.在getSummaries方法中

//列合计getSummaries(param,callback) {const { columns } = param;const sums = [];columns.forEach((column, index) => {console.log(`处理列 [${index}]:`, column); // 打印每一项，避免 [object Object]if (index === 0) {sums[index] = '合计';return;}if (column.property === 'gql' ) {  //购气量const total = this.tableList.reduce((sum, row) => {const value = parseFloat(row.gql);return sum + (isNaN(value) ? 0 : value);}, 0);sums[index] = total.toFixed(2); // 保留两位小数} else if(column.property === 'gqje'){ //购气金额const total = this.tableList.reduce((sum, row) => {const value = parseFloat(row.gqje);return sum + (isNaN(value) ? 0 : value);}, 0);sums[index] = total.toFixed(2); // 保留两位小数}else if(column.property === 'ssje'){ //实收金额const total = this.tableList.reduce((sum, row) => {const value = parseFloat(row.ssje);return sum + (isNaN(value) ? 0 : value);}, 0);sums[index] = total.toFixed(2); // 保留两位小数}else {sums[index] = '';}return sums;});console.log('最终合计行数据:', sums);callback(sums)},