layui 开启自动合计,编辑后合计手动更新方法 以及表格外总时间表示问题

本文介绍了如何在layui表格中开启自动合计功能,并在编辑后手动更新合计值。通过设置totalRow参数为true开启合计行,对特定字段启用合计编辑功能。在编辑事件中,遍历表格数据计算合计值,并更新到表格的toolbar右上角。同时展示了HTML结构和JavaScript代码实现。
摘要由CSDN通过智能技术生成

编辑后手动合计+总合计(显示在表格toolbar右上角)方法:

1,totalRow: true, //开启合计行

2,对应field开启合计,edit

{ field: 'test', title: 'test',  unresize: true, align: 'center', width: 60, edit: 'text', totalRow: true},

3,table.on('edit(XXX)', function (obj) {        //XXX是HTML中的lay-filter

var field = obj.field; //得到字段
totalLine = $(".layui-table-total div.layui-table-cell");//合计行

if (field === 'test') {

                total = 0;
                totalTest = 0;
                for (var i in tbData) {//tbDate在done中设定是res.data值
                totalTest = totalTest + (Number(tbData[i].test).toString() == 'NaN' ? 0 :                 Number(tbData[i].test));
                }
                var item = totalLine[3]; //合计列所在的单元格时第四个
                var div

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值