关于合计数据

最新推荐文章于 2023-11-10 14:01:36 发布

迟晚

最新推荐文章于 2023-11-10 14:01:36 发布

阅读量684

点赞数 1

本文链接：https://blog.csdn.net/weixin_44560796/article/details/96327879

版权

本文介绍了在layui开发中如何使用totalRow和totalRowText参数实现数据表格的合计功能，并展示了在自定义列中可能出现的问题。通过示例代码，展示了合计功能的实现，同时指出在自定义列中合计可能无效的情况，提出了可能存在的bug。

摘要由CSDN通过智能技术生成

开发工具与关键技术：VS ASP.NET.MVC
作者：冉冉
撰写时间：2019年07月14日
合计在很多地方都能用到，例如商品数量、商品金额、欠款等等可以计算出总数的属性都可以用到合计。在layui开发使用文档中有两个参数可以简单快捷的把这个东西弄出来，但是有一个相对于我来说的bug的存在。
先写一下布局，然后引用layui.css和layui.js插件。具体代码如下：
在这里插入图片描述
到js写一下等下需要用到全局变量，然后渲染表格。
首先加载和初始化layui模块，然后初始化要用到的信息列表。具体代码如下截图：

Elem、cols、page、等都是这个数据表格的基础参数，还有其他的参数就不一一列举了；type、title、field等都是这个数据表格的表头参数，还有很多需要我们了解的参数就不再这里的一一列举了。而我们需要用到的合计参数就是在表头参数里的" totalRow " 和" totalRowText “。
totalRow是指是否开启该列的自动合计功能，默认为false，示例值为true；
totalRowText是指用于显示自定义的合计文本，示例值为” 合计："。
然后就可以把这两个参数放到表格渲染里使用就行了。格式参考上图代码的格式就可以了（也就是在你需要合计的字段后面加上" totalRow