layui table合计但是未计算的解决

Posted feijiediyimei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui table合计但是未计算的解决相关的知识,希望对你有一定的参考价值。

在项目里table开启合计功能,但是并未进行数据计算,后来发现是field写错了的问题,上代码

for(var i = 0; i < that.checkboxAll.data.length; i++) {
                    var $data = that.checkboxAll.data[i];
                    if($data.visible) {
                        const val = $data.value;
                        th.push({
                            field: val,   //field是表格数据列的唯一标识,就是这里之前写错了,导致table合计无法实现
                            title: ‘<span class="layui-icon-tips" layui-tip-data=" ‘ + that.checkboxAll.data[i].des + ‘ "> ‘ +
                                that.checkboxAll.data[i].label + ‘ </span>‘,
                            templet: function(d) {
                                var RMBhtml = ‘‘,
                                    percentHTML = ‘‘;
                                    
                                if(val == ‘cost‘ || val == ‘transactiontotal‘ || val == ‘cpc‘) {
                                    RMBhtml = ‘&yen; ‘
                                }
                                if(val == ‘ctr‘ || val == ‘cvr‘||val == ‘coverage‘) {
                                    percentHTML = ‘%‘;
                                }
                                return RMBhtml + (d[val] || 0.00) + percentHTML;
                            },
                            unresize: true,
                            totalRow: true,
                        })
                    }
                }

 

以上是关于layui table合计但是未计算的解决的主要内容,如果未能解决你的问题,请参考以下文章

vue elementUI -- table的任意列合计功能

layui合计功能

Jquery 计算表格某一列的合计

vue table 合并单元格 合计 字符串转数值

解决layui-table复杂表头数据错位问题

vue+ element-ui el-table组件自定义合计(summary-method)坑