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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM