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

编辑后手动合计+总合计(显示在表格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 divHtml = $(item);
                divHtml.html(Number(totalTest ).toFixed(2));//两位小数
                total = totalTest + totalTest1 + totalTest2 ;//这里的1,2是别的数据列,根据实际情况
                document.getElementById("totalHours").innerHTML = "Total:" + total.toFixed(2);

}

});

html

你可能感兴趣的:(layui,layui)