效果如图
1.element-ui的table表格有合计功能,但是功能却不完善,会有不显示和计算出现错误的问题,项目中有遇到,所以记录下
show-summary:自动合计
getSummaries():对合计行进行特殊处理展示
<el-table
border
id="tables"
:data="dnDatas"
show-summary
max-height="400px"
class="tables"
@cell-click="editName2"
:row-class-name="tableRowClassName2"
:key="randomKey"
:summary-method="getSummaries"
>
//getSummaries()返回的是一个展示的数组
//此方法中主要是将店名为001这种类型不要当成number类型来计算,方法可直接复制
//此方法另外是对列做计算,表格中毛利率的下标为7,所以index==7,再做除法赋值展示,
//导出功能excel,表格也会正常展示不会位移
getSummaries(param) {
const {
columns, data } = param
const sums = []
columns