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

拼搏现实的明天。 2023-01-05 01:18 676阅读 0赞

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

##### 表格设置 #####

1.在表格的基本参数里设置 totalRow  
![在这里插入图片描述][2021011111022317.png]  
2.在要显示“合计”两个字的列配置  
![在这里插入图片描述][20210111110411739.png]  
3.在要统计的列里配置  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NhaXh1YW5qaQ_size_16_color_FFFFFF_t_70]

##### 完成代码案例 #####

[
    	{  field: 'id', title: 'id', align: 'center', fixed: "left"},
    	{ 
    		field: 'name', title: '名称', align: 'center', totalRowText: '合计'
    		//合计两个字在这一列的最下面
    	},
    	{ field: 'sum', width: 120, title: '数量', align: 'center',totalRow:true}
    	//统计的是这一列的和
    ]

##### 出现合计字段有小数点的情况 #####

![在这里插入图片描述][20210111110757251.png]

##### 解决方法 #####

1.直接更改layui的相关文件（一般不是很常用）  
参考链接：  
[https://blog.csdn.net/weixin\_45247365/article/details/103176886][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);
         });
     }

[2021011111022317.png]: /images/20221119/11a60afe25544e10a235cff8eaea1eda.png
[20210111110411739.png]: https://img-blog.csdnimg.cn/20210111110411739.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NhaXh1YW5qaQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210111110505942.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NhaXh1YW5qaQ==,size_16,color_FFFFFF,t_70
[20210111110757251.png]: https://img-blog.csdnimg.cn/20210111110757251.png
[https_blog.csdn.net_weixin_45247365_article_details_103176886]: https://blog.csdn.net/weixin_45247365/article/details/103176886