使用element-ui中的table中的合计行的show-summary方法
表尾结束景行统计的的问题 使用show-summary 和 :summary-method="getSummaries"这两个方法搭配使用。
<el-table
:data="tableData"
border
height="300"
show-summary:summary-method="getSummaries"
......
逻辑处理
getSummaries(params){
const{columns,index}=>{
//结束行的显示
if(index===0){
sums[index]=this.....
return;
}
const values=data.map(item=>Number(item[column.property]))
......
}
}
在最后必须使用return 出去就行。 其中的逻辑可以自行定制 .
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· winform 绘制太阳,地球,月球 运作规律
· 上周热点回顾(3.3-3.9)