取消layui合计行的小数

最新推荐文章于 2025-03-29 16:23:32 发布

阿达呢？

最新推荐文章于 2025-03-29 16:23:32 发布

阅读量3.4k

点赞数

分类专栏：无语

本文链接：https://blog.youkuaiyun.com/weixin_42601615/article/details/96368216

版权

无同时被 2 个专栏收录

25 篇文章

订阅专栏

语

3 篇文章

订阅专栏

本文介绍了一种在layui表格合计行中去除小数显示的方法。通过JavaScript在表格加载完成后修改合计行的内容实现整数展示，并提供了具体实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                                取消layui合计行的小数

开发工具与关键技术：java
作者：彭浩达
撰写时间：2019年 7月 16日

tabApply = layuiTable.render({
elem: ‘#tabMice’,
toolbar: true,//#toolbar0
/url:‘servlet/CrkServlet?type=selectyaopin’,
data:[],/
totalRow: true,
cols: [[ //表头
/* { type: ‘checkbox’, align: ‘center’, fixed: ‘left’ },//单选框列,fixed:‘left’ 将列固定在左边 */
{ type: ‘numbers’, title: ‘序号’ ,fixed: ‘left’ ,totalRow: true},//序号列，title设定标题名称
{ field: ‘drugid’, title: ‘药品id’, hide: true },//hide:true 隐藏列
{ field: ‘batchnumber’, title: ‘批号’ },
{ field: ‘number’, title: ‘药品编号’ },
{ field: ‘drugname’, title: ‘药品名称’ },
{ field: ‘specification’, title: ‘规格’ },
{ field: ‘quantity’, title: ‘库存数’ , totalRow: true},
{ field: ‘unit’, title: ‘单位’ },
{ field: ‘MedCom’, title: ‘厂商’ },
{ field: ‘medicalname’, title: ‘医药公司’ },
{ field: ‘costprice’, title: ‘零售价’},
{ field: ‘lingshouz’, title: ‘买入金额’ , totalRow: true},
{ field: ‘retailprice’, title: ‘零售价’,sort: true},
{ field: ‘chengbeiz’, title: ‘零售金额’, align: ‘center’, fixed: ‘right’, totalRow: true},
]]
在这里插入图片描述

方法：
在显示完的时候，用js去将他修改替换掉
$("#sltAcademe").change(function(){
tabApply.reload({url:‘servlet/CrkServlet?type=selectyaopin&drugid=’+ a,data:[]});

        setTimeout(function(){
		// ---通过调试观察可以发现合计行的class为layui-table-total，那么可以通过DOM选择，选中我们要操作的合计列

在这里插入图片描述
var a = $(".layui-table-total div:eq(6)").html();//隐藏的行也算的
var trArr = $(".layui-table-body.layui-table-main tr").length;
//获取有多少条数据
// ------进行剪切
a = a.substr(0,a.indexOf("."));
// ----- 替换原来的数据
$(".layui-table-total div:eq(6)").html(a);
$(".layui-table-total div:eq(0)").html(trArr);
},100);
})
}
在这里插入图片描述