开发工具与关键技术: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:true")然后凡是写上" totalRow:true"的列都会自动合计(除了自定义列)。
看效果(查询数据的代码就不在这里写了,如有需要请联系我,或者在评论区评论):
关于合计数据
最新推荐文章于 2024-01-09 14:04:35 发布