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; 		}, 

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

相关内容

热门资讯

透视好牌!约局吧怎么看有没有挂... 透视好牌!约局吧怎么看有没有挂,约局吧德州有挂吗,曝光教程(有挂方法)1、不需要AI权限,帮助你快速...
辅助透视!aapoker能控制... 辅助透视!aapoker能控制牌吗,aapoker ai插件,可靠技巧(有挂教程);1、每一步都需要...
透视工具!德州圈脚本,epok... 透视工具!德州圈脚本,epoker底牌透视,透明挂教程(有挂教程);1、在epoker底牌透视ai机...
透视计算!aapoker安装包... 透视计算!aapoker安装包怎么使用,aapoker怎么拿好牌,德州论坛(有挂攻略)1、上手简单,...
透视苹果版!哈糖大菠萝怎么开挂... 透视苹果版!哈糖大菠萝怎么开挂,约局吧游戏挂,微扑克教程(有挂教程);1)哈糖大菠萝怎么开挂辅助挂:...
透视玄学!aapoker破解侠... 透视玄学!aapoker破解侠是真的吗,aa poker辅助,细节方法(有挂工具)1、操作简单,无需...
透视脚本!pokermaste... 透视脚本!pokermaster脚本,约局吧德州有挂吗,新版2025教程(有挂细节)运约局吧德州有挂...
透视好牌!aapoker ai... 透视好牌!aapoker ai插件,aapoker俱乐部靠谱吗,插件教程(有挂详情)1、超多福利:超...
透视计算!xpoker辅助怎么... 透视计算!xpoker辅助怎么用,pokernow辅助控制,2025版教程(有挂辅助)xpoker辅...
透视私人局!aa poker辅... 透视私人局!aa poker辅助,aapoker如何设置胜率,2025版教程(有挂教程)1、用户打开...