el-table 列表实现合计,含百分号的保留2位小数

<el-table
  id="table-content"
  :data="statWorkList"
  size="mini"
  show-summary="true"
  :summary-method="getSummaries"//加上这个,methods里引用getSummaries
 >
<el-table-column
  label="充填率"
  prop="fillingrate"
  show-overflow-tooltip>
  <!--这行注释,        <template slot-scope="scope">{{scope.row.fillingrate  }}</template>-->
</el-table-column>

</el-table>

注意:列的写法,要写prop="data",不然下面column.property取不到值

  getSummaries(param) {
      const { columns, data } = param
      const sums = []

      columns.forEach((column, index) => {
        //第一个显示为合计
        if (index === 0) {
          sums[index] = '合计'
          return
        }

        const values = data.map((item) => item[column.property])
        //对表格数据进行循环
        let sum = 0;
        values.map((item) => {
          //判断返回的是否为number数据类型
          if (typeof item === 'number' && item !== Infinity && !isNaN(item)) {
            //判断是否为时间戳
            if (item > 160000000000) {
              //若为时间戳则置为--
              sums[index] = '-'
              return
            } else {
              debugger
              //对number数据进行累加
              sums[index] = values.reduce((prev, curr) => {
                const value = Number(curr)
                if (!isNaN(value)) {
                  //解决js计算小数出现小数点后多位数字的问题
                  return Math.floor((prev + curr) * 100) / 100
                } else {
                  return prev
                }
              }, 0)
            }
            if(typeof(item) == 'string'&&item.indexOf('%')>0){
              item=Number(item.split('%')[0])
            }
            var aaa = Number(item)
            if(!isNaN(aaa)){
              sum = sum + Number(item)
            }else{
              sum = null
            }

          } else {
            //不为number类型则置为--
            if(typeof(item) == 'string'&&item.indexOf('%')>0){
              item=Number(item.split('%')[0])
            }
            var aaa = Number(item)
            if(!isNaN(aaa)){
              sum = sum + Number(item)
            }else{
              sum = null
            }

          }
        })
        if (index === 13) {
          sums[index] = sum.toFixed(2)+'%';
          return;
        }
        if (index === 15) {
          sums[index] = sum.toFixed(2)+'%';
          return;
        }
      })
      return sums
    },

  • 9
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值