element table只計算最後一列資料總和

需求：element table只計算**中最後一列的總和

官網中的示例是所有數字列都進行計算總和的。所以需要自己處理。

1、html

sortable

type
="index"
label
="序號"
align
="center"
width
="50"
/>
prop
="projectname"
label
="專案名稱"
align
="center"
/>
sortable
prop
="originalprice"
label
="專案金額"
align
="center"
/>
sortable
prop
="deductratio"
label
="折扣 %"
align
="center"
/>
prop
="planname"
label
="劃扣方案"
align
="center"
/>
prop
="stepname"
label
="劃扣步驟名稱"
align
="center"
/>
sortable
prop
="stepratio"
label
="劃扣步驟比例 %"
align
="center"
/>
sortable
prop
="deductexecutiondate"
label
="專案劃扣執行時間"
align
="center"
/>
sortable
prop
="deductamount"
label
="劃扣金額"
align
="center"
/>
el-table
>

2、js 此處方法無需修改、通用的、拿來即用

getsummaries

(param)
= param
const len = columns.length
const sums =
columns.
foreach
((column, index)
=>
else
if(index === len -1)
else},
0)}else
//如果是除了第一列和最後一列的其他列，則顯示為空
}else})
return sums
}

3、效果圖

拿來即用、其中返回this.total即是合計這個字段，只需將this.total修改為你的專案的合計字段即可

getsummaries

(param)
= param;
const sums =
;const currentindex = columns.length-1;
columns.
foreach
((column, index)
=>
else
if(currentindex==index)
else})
;return sums;
},

border 

show-summary 
:summary-method=
"getsummaries"
:formatter=
"formatter"
:data=
"accountcostlist"
>

完美撒花！！！！！！！

Element table 翻頁多選

1 所有選中的資料存到乙個陣列中 selectdataarrl 2 切換 currentpage 頁碼 或 pagesize 條數 的時候 給當前資料新增選中狀態 this.refs.multipletable.togglerowselection 3 整理需要匯出的資料 1.儲存選中的內容 sel...

element table自定義樣式

現有需求如下 表頭的下邊框為預設實現，除表頭外的下線框為虛線，並且第一列的資料有下劃線 element ui 官網提供了各種方法其中 cell style可以自定義單元格的樣式，可以在定義表的時候寫入定義樣式函式為 rowstyle 然後在methods中定義方法，返回樣式物件 rowstyle e...

element table合併單元格

在使用element table這個元件的時候，發現有些資料需要合併行，有些資料又要合併列，table自帶了span method這個方法，可以根據需要進行單元格的合併。getspanarr data else else objectspanmethod else if columnindex 1 ...