el-table表格最后一列合计总分(可自定义某列的合计)

 前情提要:主要用到以下截图内容

1.效果

2.最后两列的计算比较特殊,上代码

	<el-table
        v-loading="tableLoading"
		:summary-method="getSummaries"  // 必须项1
        show-summary // 必须项2,目的是在尾部展示合计列
		:data="tableList">
    </el-table>


    methods:{
        getSummaries (param) {
			console.log(param, '参数')
			const { columns, data } = param;
			const sums = [];
			columns.forEach((column, index) => {
				console.log(column, index)
				if (index === 0) { // 其他列
					sums[index] = '合计/总分';
					return;
				}
				const values = data.map(item => Number(item[column.property]));
				if (!values.every(value => isNaN(value))) {
					sums[index] = values.reduce((prev, curr) => {
						const value = Number(curr);
						if (!isNaN(value)) {
							return prev + curr;
						} else {
							return prev;
						}
					}, 0);
					sums[index];
				} else {
					sums[index] = 'N/A';
				}

				if (index === 5) { // 个人得分率
					var num = (sums[2] / sums[1]) * 100;
					if (!num == 0) {
						num = num.toFixed(2);
						sums[index] = num;
					} else {
						sums[index] = "0";
					}
				}

				if (index === 6) { // 平均得分率
					var number = (sums[3] / sums[1]) * 100;
					if (!number == 0) {
						number = number.toFixed(2);
						sums[index] = number;
					} else {
						sums[index] = "0";
					}
				}
			})

			return sums;
		},

  }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值