一、使用方式
二、使用代码
三、效果截图

一、使用方式

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

二、使用代码

Demo在线调整在线示例-Layui

  //执行一个 table 实例table.render({elem: '#demo',height: 420,url: '/demo/table/user/' //数据接口,title: '用户表',page: false//开启分页//,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档,totalRow: true //开启合计行,cols: [[ //表头{field: 'id', title: 'ID', width:80, fixed: 'left', totalRowText: '合计：'},{field: 'classify', title: '爱好', width: 90}      ,{field: 'experience', title: '积分', width: 90, totalRow: true},{field: 'experience', title: '重量', width: 190, totalRow: '{{ d.TOTAL_NUMS }} 千克'},{field: 'score', title: '分数', width: 80, sort: true, totalRow: '{{ parseInt(d.TOTAL_NUMS) }} 分'}]]});

三、效果截图

Layui 数据表格开启合计行相关推荐

layui数据表格对某行进行固定
layui数据表格对某行进行固定 fixed: true
layui数据表格合计行
在日常的学习或开发中,关于后台管理这一块的都会使用到layui.table数据表格,只要用到layui.table数据表格一般就会用到数据表格合计行. 在layui官方文档数据表格的这一栏中,有&qu ...
Layui 数据表格合计
Lay-ui数据表格合计实现基础的数据表格合计获取合计数据修改合计数据合计后计算平均值去除小数合计所有数据(有分页) 编辑后重新合计总代码阅读提示:本人萌新一枚,写此博客仅仅是记录一下 ...
layui数据表格如何获取id_LayUI之table数据表格获取行、行高亮等相关操作
前言目前LayUI数据表格既美观有不乏一些实用功能.基本上表格应有的操作已经具备,LayUI作者[贤心]肯定是煞费苦心去优化,此处致敬.但是实话实话,如果单纯那数据表格功能来说,EasUI的数据表格 ...
Layui数据表格中动态插入行插入下拉框
想要在已加载的layui数据表格动态的插入一行,首先要在加载表格的时候设置它的event值.因为我这里是点击序号就添加一行,所以我在序号中设置了它的event值!当然在静态表格当中也是一样的操作,在你 ...
LayUI数据表格的使用指南
LayUI是现在比较流行的一款前端框架,数据表格也是后台管理中很长用到的工具了. 最近做项目就用到了,项目的要求是用数据表格显示出后台文章的列表并且每一行的文章都有对应的修改删除操作按钮.之后就写了一 ...
layui数据表格（一：基础篇，数据展示、分页组件、表格内嵌表单和图片）
表格展示神器之一:layui表格前言:在写后台管理系统中使用最多的就是表格数据展示了,使用表格组件能提高大量的开发效率,目前主流的数据表格组件有bootstrap table.layui table ...
Layui数据表格的引用
对于一些编程插件的引用,相信大多数的编程人员都不会感觉到陌生,因为在对程序开发和项目开发的过程中往往都会需要引用到插件,那么至于插件呢,也有很多种,比如: bootstrap jquery layui ...
LayUI——数据表格使用
Layui数据表格的实际项目使用 Layui的数据表格可谓是在后台管理的页面中经常用到的工具了最近做项目就用到了,项目的要求是用数据表格显示出后台文章的列表并且每一行的文章都有对应的修改删除操作按钮 ...
Layui数据表格的绑定
<Layui数据表格的绑定> 开发工具与关键技术:Visual Studio /.NET /layui插件作者:肖春庆撰写时间:2019年06月17日在我们使用软件的过程当中有着许多 ...

Layui 数据表格开启合计行

一、使用方式

二、使用代码

三、效果截图

Layui 数据表格开启合计行相关推荐

最新文章

热门文章