el-table 合计 可保留小数

 

 

 

1
2
3
4
5
6
7
8
<el-table
       ref="pageTable"
       :data="tableData"
       border
       style="width: 100%"
       :summary-method="getSummaries"
       show-summary
     >

  不考虑保留小数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
getSummaries(param) {
    const { columns, data } = param;
    const sums = [];
    columns.forEach((column, index) => {
      if (index === 1) {
        sums[index] = "合计";
      } else {
        if (index === 3) {
          const values = data.map((item) => Number(item[column.property]));
          if (!values.every((value) => isNaN(value))) {
            sums[index] = values.reduce((prev, curr) => {
              const value = Number(curr);
              if (!isNaN(value)) {
                return prev + curr;
              } else {
                return prev;
              }
            }, 0);
          } else {
            sums[index] = "N/A";
          }
        }
      }
    });
    return sums;
  },

  如果需要保留小数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
getSummaries(param) {
      const { columns, data } = param;
      const sums = [];
      columns.forEach((column, index) => {
        if (index === 1) {
          sums[index] = "合计";
        } else {
          if (index === 3) {
            const values = data.map((item) =>
              Number(item[column.property].answer)
            );
            console.log(values, "values");
            if (!values.every((value) => isNaN(value))) {
              sums[index] = values.reduce((prev, curr) => {
                const value = Number(curr);
                if (!isNaN(value)) {
                  return prev + curr;
                } else {
                  return prev;
                }
              }, 0);
            } else {
              // sums[index] = "N/A";
              sums[index] = "";
            }
            if (sums[index]) {
              sums[index] = sums[index].toFixed(2); //保留2位小数
            }
          }
        }
      });
 
      return sums;
    },

  

posted @   ThisCall  阅读(45)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
历史上的今天:
2020-11-20 css动画库
2019-11-20 Set和Map
2018-11-20 APP-SERVICE-SDK:setStorageSync:fail;at page/near/pages/shops/shops page lifeCycleMethod onUnload function
2017-11-20 微信小程序组件 分页菜单点击请求
点击右上角即可分享
微信分享提示