美文网首页
2021-07-21(关于使用antdv表格合计问题)

2021-07-21(关于使用antdv表格合计问题)

作者: 依然_bc87 | 来源:发表于2021-07-21 16:26 被阅读0次

    问题:后台返回数据 需要前端自己合计显示最后一行 也就是说后台返回11条 需要显示11条 

    效果:

    实现效果

    antdv没有实现合计功能 需要自己处理

    自行评估成本和实现效果选择

    第一 https://blog.csdn.net/ThisEqualThis/article/details/103369469 自己没实现之前找资料看到的

    第二 自己实现方法

    后台返回两条数据 自己封装三条最后一条合计

    var data = [{

    "cresult": 2024,

    "cvisioncheck": 8300,

    "fullName": "昆明市",

    "id": "525",

    "manager": 391786,

    "name": "昆明市"

    }, {

    "cresult": 3782,

    "cvisioncheck": 30345,

    "fullName": "曲靖市",

    "id": "540",

    "manager": 524507,

    "name": "曲靖市"

    }]

    var numToatl = {

    cresult: 0,

    cvisioncheck: 0,

    manager: 0,

    }

    var list = []

    for (var i = 0; i < data.length; i++) {

    var obj = {

    name: data[i].name

    };

    for (key in numToatl) {

    obj[key] = data[i][key];

    numToatl[key] += data[i][key] || 0

    }

    list.push(obj)

    }

    var totalObj = {}

    for (key in numToatl) {

    totalObj[key] = numToatl[key] || 0;

    }

    totalObj.name = '合计'

    list.push(totalObj)

    console.log(list)

    如果有更好方法 可以多多交流

    相关文章

      网友评论

          本文标题:2021-07-21(关于使用antdv表格合计问题)

          本文链接:https://www.haomeiwen.com/subject/memjmltx.html