CSS
/*table一条合计行滚动条样式*/ .el-table{ overflow: auto; } .el-table .el-table__body-wrapper, .el-table .el-table__header-wrapper, .el-table .el-table__footer-wrapper{ overflow: visible; } .el-table::after{ position:relative !important; }
合计行统计方法:
getSummaries(param) { const { columns, data } = param; const sums = []; columns.forEach((column, index) => { if (index === 0) { sums[index] = '合计'; return; } const values = data.map(item => { return Number(item[column.property]) }); const flag = values.every(value => { if(index == 3){ return true }else{ return isNaN(value) } }) if (!flag) { sums[index] = values.reduce((prev, curr) => { const value = Number(curr); if (!isNaN(value)) { return prev + curr; } else { return prev; } }, 0); sums[index] += ''; } }); return sums; },