el-table合并总结精度丢失的计算代码

    getSummaries({ columns, data }) {
      const sums = [];
      columns.forEach((column, index) => {
        if (index == 0) {
          sums[index] = "总价"
        } else if (index == 3 || index == 9 || index ==11 || index ==13) {
          return sums[index] = ""
        }else {
          const values = data.map(item => Number(item[column.property]))
          const flag = values.every(item => isNaN(item))
          if (flag) {
            return sums[index] = ""
          } else {
            sums[index] = values.reduce((total, item) => total + item);
            sums[index] = Math.round(sums[index] * 100) / 100;
            sums[index] += ""
          }
        }
      });
      return sums;
    },

el-table合并总结精度丢失的计算代码
el-table合并总结精度丢失的计算代码
el-table合并总结精度丢失的计算代码
el-table合并总结精度丢失的计算代码

el-table合并总结精度丢失的计算代码

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端代码: ```html <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="name" label="姓名" :formatter="nameFormatter"></el-table-column> <el-table-column prop="age" label="年龄"></el-table-column> <el-table-column prop="address" label="地址"></el-table-column> </el-table> </template> <script> export default { data() { return { tableData: [ { name: '张三', age: 18, address: '北京市海淀区' }, { name: '李四', age: 22, address: '上海市浦东新区' }, { name: '王五', age: 30, address: '广州市天河区' }, { name: '赵六', age: 25, address: '深圳市南山区' }, { name: '钱七', age: 28, address: '成都市高新区' }, { name: '孙八', age: 32, address: '重庆市江北区' }, ] } }, methods: { nameFormatter(row, column, cellValue, index) { const currentName = row.name; const nextRow = this.tableData[index + 1]; const nextName = nextRow && nextRow.name; if (currentName === nextName) { return { rowspan: 2, value: currentName }; } else { return currentName; } } } } </script> ``` 后端代码: ```python from flask import Flask, jsonify app = Flask(__name__) @app.route('/table_data') def get_table_data(): data = [ {'name': '张三', 'age': 18, 'address': '北京市海淀区'}, {'name': '李四', 'age': 22, 'address': '上海市浦东新区'}, {'name': '王五', 'age': 30, 'address': '广州市天河区'}, {'name': '赵六', 'age': 25, 'address': '深圳市南山区'}, {'name': '钱七', 'age': 28, 'address': '成都市高新区'}, {'name': '孙八', 'age': 32, 'address': '重庆市江北区'} ] return jsonify(data) ``` 前端通过调用后端接口获取数据,并在 nameFormatter 方法中判断当前行和下一行的 name 是否相同,如果相同则返回 rowspan 为 2 的对象,否则返回当前 name。这样就可以实现 el-table 的行合并效果。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值