Layui合计自定义列

原创已于 2023-10-10 16:12:20 修改 · 712 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#layui

于 2023-10-10 16:12:08 首次发布

需求：第四列通过计算：27除以220

在这里插入图片描述

正常的汇总，增加这个属性就行

在这里插入图片描述

特殊的列，需要特殊处理

获取合计行：$(".layui-table-total div.layui-table-cell");
获取某列的值：$($(".layui-table-total div.layui-table-cell")[index]).html();


done: function () {
	// 得出第四列的值 12.27%
	$($(".layui-table-total div.layui-table-cell")[4]).html(Utils.roundFixed(getFootValue(3) / getFootValue(2), 4) * 100 + "%")
}

// 获取第几列的值
function getFootValue(index) {
 	return Utils.parseFloat($($(".layui-table-total div.layui-table-cell")[index]).html());
}

// 金额转化
Utils.parseFloat = function (num) {
  if (typeof num == 'string') {
       num = num.replace(/,/g, "");
   }
   if (!num || isNaN(num)) return 0;
   return parseFloat(num);
};

Utils.roundFixed = function (num, fixed) {
    num = Utils.parseFloat(num);
    return Math.round(num * Math.pow(10, fixed)) / Math.pow(10, fixed);
};