本文介绍了如何利用layui框架在数据表格中实现数值统计、自动排序和列隐藏功能。通过设置totalRow属性为true启用合计功能，通过sort属性开启列排序，通过toolbar属性结合hide属性实现列的显示与隐藏，提供了实现这些功能的代码示例。
Layui-数据表格
文献种类：专题技术文献；
开发工具与关键技术： VS、JS、MVC
作者：方建恒 ；年级：20级 ；撰写时间： 2021 年 11 月 28日
我们在制作一些和电商、金融等数据表格的时候，
通常会在表格下面进行数值的统计，以及数据的自动排序。
在这里我们会用到layui里的数据表格功能，
这样我们可以快速便捷的完成我们想要的功能。
我们首先把JQuery的文件以及layui的脚本文件和叠成样式表引入，
然后创建一个动态表格并获取到数据，
（关于动态表格数据的获取我之前有发布过，不清楚的可以去看一下）
然后在layui的表格渲染部分里加上totalRow属性，
把它的属性值设置为true，
这样就可以把layui的合计功能打开，如图：
然后在cols属性里在想要合计的列后面加上totalRow: true，如图：
这样就可以了，我们来看一下实际效果
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
