layui 数据表格table合计配置跟合计行去掉小数点问题

layui 数据表格table合计配置跟合计行去掉小数点问题

表格设置

1.在表格的基本参数里设置 totalRow
在这里插入图片描述
2.在要显示“合计”两个字的列配置
在这里插入图片描述
3.在要统计的列里配置
layui 数据表格table合计配置跟合计行去掉小数点问题_第1张图片

完成代码案例
[
	{ field: 'id', title: 'id', align: 'center', fixed: "left"},
	{
		field: 'name', title: '名称', align: 'center', totalRowText: '合计'
		//合计两个字在这一列的最下面
	},
	{field: 'sum', width: 120, title: '数量', align: 'center',totalRow:true}
	//统计的是这一列的和
]
出现合计字段有小数点的情况

layui 数据表格table合计配置跟合计行去掉小数点问题_第2张图片

解决方法

1.直接更改layui的相关文件(一般不是很常用)
参考链接:
https://blog.csdn.net/weixin_45247365/article/details/103176886

2.在table的done方法处理

,done: function(res, curr, count){
     var divArr = $(".layui-table-total div.layui-table-cell");
     $.each(divArr,function (index,item) {
         var _div = $(item);
         var content = _div.html();
         content = content.replace(".00","");
         _div.html(content);
     });
 }

你可能感兴趣的:(前端,html,js,layui,表格合计)