抑郁症健康 > Layui 数据表格开启合计行

Layui 数据表格开启合计行

时间：2022-02-05 14:10:00

相关推荐

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

一、使用方式

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) }} 分'}]]});