Layui数据表格添加合计列totalRow，分页的每一页都显示总数

最新推荐文章于 2025-05-13 16:11:41 发布

RDD_prep

最新推荐文章于 2025-05-13 16:11:41 发布

阅读量5.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JAVA 文章标签： jsp java

本文链接：https://blog.youkuaiyun.com/RDD_prep/article/details/106925254

JAVA 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍如何在JSP中实现跨页数据总计，包括在jsp页面添加特定属性、后台编写总计统计SQL及确保合计数据字段与jsp字段匹配的方法。

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

我需要的效果如图：
在这里插入图片描述
1：首先在jsp添加相关属性

只是添加这些属性的话，计算出的合计是当前页的累加合计，不符合我的需求，我需要每页显示的都是所有数据的合计
2：在后台方法中，写一个合计统计的sql，返回的数据结构如图所示
在这里插入图片描述

3：需要注意的是，你的合计数据totalRow里面的字段名，需要和jsp中field中的字段名一样，否则，合计值还是显示不出来
以上步骤完成，合计值就可以显示出来了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

RDD_prep

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

layui数据表格合计行

weixin_55753367的博客

10-18

6436

在做数据表格的时候，如果需要获取某一行的数据、或者需要获取某一行数据中的某一个数据时。下面介绍两个方法可以获取选中行数据： 1.监听行单双击事件：在点击或双击时触发; 语法：需修改一下 row(test) 的test，它是对应table原始容器lay-filter属性的值; 它主要用于区分的，相当于选择器一样。如果没有这个属性，监听行单双击事件就没有效果。可以添加一些样式，使其易识别一点，标注选中样式，勾选单选框。下面画线处，根据你的需求填写，单选框：radio，复选框：checkbox; 监听

Layui 数据表格开启合计行

夏已微凉、

09-06

2898

一、使用方式二、使用代码三、效果截图一、使用方式 1、在表格 [ 基础参数 ] 上增加：totalRow: true,，请参考文档 >>>数据表格基础参数一览表 2、在表格 [ 表头参数 cols ] 上增加：totalRow: true 或者 totalRow: '{{ d.TOTAL_NUMS }} 单位(分/秒/罐)' 或者 totalRow: '{{ parseInt(d.TOTAL_NUMS) }}' 请参考文档 >>>数据表格表头参数一览表二、使用代.

1 条评论您还未登录，请先登录后发表或查看评论

layui中动态添加多个表单元素

SupremeT_T的博客

07-14

4911

layui实现动态添加多个表单元素

关于LayUI-数据表格中固定列对应的合计部分也实现固定问题；版本2.5.6

最新发布

zeng520331的专栏

05-13

1243

一开始使用该作者的代码的时候我很欢喜，感觉终于解决问题了。可惜的是有一个很严重的BUG，就是点击layui的分页下拉的时候。可以说，该作者解决了我一半的问题，因此在作者的原基础的启发下；

layui.table 数组表格把数据的总数显示出来

php菜鸟技术天地

02-22

1万+

, done: function(res, curr, count){ $("#total").html(count); } <blockquote class="layui-elem-quote"><h3>学生总人数：<span id='total'></span><

Layui数据表格显示数据总条数和数据求和

weixin_44545643的博客

05-28

1万+

把数据从layui数据表格中获取出来，其实非常简单只需要在layui数据表格里面加上一个done的属性就可以了，就可以拿到表格中的数据条数。首先，done这个属性是自定义属性的意思，function中接收的参数是当前表格的参数，count是当前表格的总条数，如下数据表格中有74条数据。控制台打印如下也是74条数据这些数据中存在金额所以我们要统计出所有金额，如下：。我们可以直接在layui数据表格里面加上totalRow就可以totalRow是合计的意思，如下：就可以计算出当前页面数据的总

layui中table数据表格，把数据的总数显示在tab选项卡后面

li22356的博客

12-06

1477

问题如下：获取表格的数据总数，显示在tab选项卡后面效果图如下：问题解决方法如下： 1. 首先定义一个span标签和id 如下图所示： <ul class="layui-tab-title"> <li class="layui-this">未读  (<span id="total"></span>)</li> <li>全部</li> </ul> 2

layui.table之totalRow合计属性自定义数据解决方案

loveZyourself

12-31

2868

layui.table之totalRow合计属性自定义数据解决方案layui.table之totalRow合计属性自定义数据解决方案

layui表格实现合计

刘学文的博客

09-16

1万+

今天遇到了新的需求，要在表格中加一栏合计，这可愁坏了我，别误会，不是太难，而是不知道用哪种方法...... 毕竟作为一个程序员，办法总比问题多，细细思索之后，我想到了三种方案： (ps：如果着急的小伙伴，请直接看plan C) plan A：后台进行统...

layui得表格怎么使用合计

肖肖肖丽珠的博客

07-16

4775

最后一行的合计希望是理由 totalRow: true和totalRowText: '合计'来写其他的就省略啦，只写主要得。 totalRow:true, cols: [ [{ type: 'numbers', ...

Layui中table数据分页显示

weixin_44547598的博客

06-17

4049

这是数据库中的表的数据，接下来在控制器中将数据查询并返回到页面上这里我用了一个插件（layui），用到了layui里面内置模块（table）来进行接收首先layui.table中有三种渲染方式，这里我就用最快捷的方法渲染，先准备一个装载数据的table表格再到js中进行方法渲染设置完url后开始写控制器中的代码了首先将数据查询出来 public ActionResu...

Layui 表格显示数据

weixin_47282637的博客

09-08

3189

Layui 表格显示数据让页面表格显示数据需要链接控制器如图：需要先声明一个方法再用layui 里面数据表格里的 reload 重载方法图中双引号里面的tabAcademe 是需要往里面加SQL里面数据的用url 地址链接后在控制器里要连接数据库里的数据需要使用 Models 就要先把Models实例化如: 模型Models 里面的数据是从数据库SQL里面传过来的 SchoolMangeSystemEntites就是Models的name名称通过这个名称声明对象来接收 Mo

layui表格的,totalRow参数

hangchen1025的博客

04-25

8270

1.想要的效果 2.代码

layui 数据表格每列的合计功能实现

qq_51110402的博客

08-30

2957

提示：这是layui 官方的合计方式，网上也有其他的合计方式，这种合计对初学者来说很友好。

Layui数据表合计（totalRow）功能，模板（templet）情况下计算求和

热门推荐

qq_28512043的博客

09-23

2万+

方法一 table.render({ elem: ‘#demp’ ,url: ‘’ ,parseData: function(res){ //res 即为原始返回的数据 layui.each(res,function(i,d){ d.sum =d.unitPrice * d.amount;//sum 是自定义的属性 }) return res; },cols: [[ {field:‘sum’, t...

layui totalRow 多层嵌套json_文章推荐 | 基于JSON的自动化测试系统设计与实现

weixin_39527372的博客

10-22

147

中文摘要:针对飞机总装线地面人工综合测试效率低、周期长、一致性差等问题，提出了基于JSON数据交换技术的自动化测试系统。通过将复杂的测试工艺流程抽象封装为一系列测试动作，并按照一定的逻辑或时序构成测试流程；采用LabVIEW平台开发人机界面，通过人机界面加载测试流程驱动系统完成自动化测试，并生成测试报告；采用模块化设计，将测试流程与测试程序相互分离以降低系统耦合性，并具有扩展性好、灵活性...

layui table 获取分页当前每页总记录数

萌神30号 ↝

12-09

1792

前言 layui table 会自动封装table各种参数，但是当业务需要，需要获取当前每页总记录时例子 done: function (res, curr, count) { var pageSize = eval('(' + $(".layui-laypage-limits").find("option:selected")[0].value + ')'); ...

(精华)2021-03-04 layui数据表格分页功能,合计功能,操作栏功能,编辑弹框备注功能汇总

u013931283的博客

03-04

160

代码获取地址: https://www.shagua.wiki/project/3?p=123&t=20210304 https://www.shagua.wiki/project/3?p=123&t=20210304 https://www.shagua.wiki/project/3?p=123&t=20210304

Layui 2.5.6 合计总数据(不是单独一页的数据)

YIYIYIPEI的博客

11-20

1631

巧用Layui新版本合计功能一、业务需求二、查看官方文档三、具体操作(后端)四、具体操作(前端) 一、业务需求现有一个需求是：计算当前所有引导员的来访者数量总合计以及有效来访者数量的总合计由于项目前端用的是Layui框架，所以打算直接利用前端框架完成总合计的计算需求图片: 二、查看官方文档 layui官方文档表明：2.5.6版本上更新了组件中的合计行文档表示：需要后端接口将返回的合计的总数量返给前端三、具体操作(后端) 原有的查询列表接口返回类型： return ResultUtil.s

layui中的totalrow 合计行对合计结果保留两位小数

11-14

layui中的`totalrow`功能通常用于表格（table）展示时，自动计算并显示数据的总计行。如果你想对合计结果保留两位小数，可以在计算合计时使用JavaScript的`toFixed()`方法。例如： ```javascript var sum = parseFloat(totalColumnData).toFixed(2); // totalColumnData是你需要求和的数据列 $("#layui-table").laytable({ ..., toolbar: [ { elem: 'sum', // 显示总计行 prop: 'price', // 指定计算总和的字段名 totalRow: function(data) { // 自定义合计函数 return { price: sum // 使用toFixed(2)保留两位小数的总价 }; } } ] }); ``` 在这个例子中，`toFixed(2)`会将总数四舍五入到最接近的两个小数位。如果你的数据不是数字类型，记得先转换成数值。