使用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 @ 2022-03-02 17:13  deulist_p  阅读(1333)  评论(0编辑  收藏  举报