使用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 出去就行。 其中的逻辑可以自行定制 .

posted @   deulist_p  阅读(1594)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· winform 绘制太阳,地球,月球 运作规律
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示