el-table合计行更新问题
创始人
2024-11-30 11:32:25
0

说明:在使用el-table自带的底部合计功能时,初始界面不会显示合计内容

解决方案:使用 doLayout()方法

updated() { 		this.$nextTick(() => { 			this.$refs['inventorySumTable'].doLayout(); 		}); 	}, 

完整代码:

 // show-summary:展示合计行  // summary-method:自定义合计方法  // ref="inventorySumTable":绑定表格              				 				 				 				 				 			    //定义合计的方法         getSummaries(param) { 			const { columns, data } = param; 			const sums = []; 			columns.forEach((column, index) => { 				if (index === 0) { 					sums[index] = '合计'; 					return; 				} 				const values = data.map(item => Number(item[column.property])); 				if ( 					!values.every(value => { 						return isNaN(value); 					}) 				) { 					console.log(sums, column.property, 226); 					if (column.property == 'sumDepreciation') { 						sums[index] = values.reduce((prev, curr) => { 							const value = Number(curr); 							if (!isNaN(value)) { 								return prev + curr; 							} else { 								return prev; 							} 						}, 0); 					} 					if (column.property == 'sumDepreciation') { 						return (sums[index] = this.formatePrice(sums[index])); 					} 				} else { 					sums[index] = ''; 				} 			});  			return sums; 		}, 

效果展示:
在这里插入图片描述

相关内容

热门资讯

黑科技辅助!wepoke透明挂... 黑科技辅助!wepoke透明挂是真的,wepoke有辅助挂,2025教程(有挂方法)-哔哩哔哩;we...
黑科技实锤!云扑克外挂(透视)... 黑科技实锤!云扑克外挂(透视)原本真的是有挂(有挂分析)-哔哩哔哩;云扑克外挂AI智能教程细节普及云...
黑科技辅助!wepoke确实有... 黑科技辅助!wepoke确实有挂,wepoke有挂 网上,扑克教程(有挂详情)-哔哩哔哩;亲真的是有...
黑科技工具!微扑克机制(透视)... 黑科技工具!微扑克机制(透视)其实真的是有挂(有挂猫腻)-哔哩哔哩,微扑克机制是用手机号来登录游戏的...
黑科技辅助!wepoke一定有... 黑科技辅助!wepoke一定有挂,德州软件工具,高科技教程(有挂技巧)-哔哩哔哩;最新版2026是一...
黑科技辅助挂!wepoke德州... 黑科技辅助挂!wepoke德州扑克系统规律,太坑了总是真的是有挂(详细透视ai智能辅助科技)-哔哩哔...
黑科技模拟器!wpk是否有外挂... 黑科技模拟器!wpk是否有外挂(透视)往昔是真的有挂(的确有挂)-哔哩哔哩;人气非常高,ai更新快且...
黑科技辅助!wepoke辅助,... 黑科技辅助!wepoke辅助,wepoke防外挂,透明挂教程(有挂辅助)-哔哩哔哩;wepoke防外...
黑科技辅助挂!微扑克中牌率,太... 黑科技辅助挂!微扑克中牌率,太坑了都是真的是有挂(详细透视ai智能辅助插件)-哔哩哔哩;微扑克中牌率...
黑科技安卓版!眯眯扑克可以赢(... 黑科技安卓版!眯眯扑克可以赢(透视)起初真的有挂(竟然有挂)-哔哩哔哩;1、眯眯扑克可以赢软件透明挂...