1、设置 showFooter为true

$grid = $dg.datagrid({
// fit: true,
//fitColumns: true,
// pagination: false,
// pageSize: 20,
// pageList: [20, 40, 60, 80, 100],
showFooter:true,
scrollbarSize:0,
border: true,
striped: true,
singleSelect: false,
selectOnCheck: true,
checkOnSelect: true,
remoteSort:false,
rownumbers : false,//不显示序号
method:'get',
columns: [[{field: 'companyname', title: '经销商名称', width: parseInt($(this).width() * 0.2)},
{field: 'goodscount', title: '新增sku数', width: parseInt($(this).width() * 0.1),sortable:true,sorter:numberSort},
{field: 'upgoodscount', title: '在售sku数', width: parseInt($(this).width() * 0.1),sortable:true,sorter:numberSort},
{field: 'goodsSaleCount', title: '下单商品数', width: parseInt($(this).width() * 0.1),sortable:true,sorter:numberSort}
]],
onBeforeLoad: function (param) {
try {
let row = $(this).datagrid('getSelected');
let index = $(this).datagrid('getRowIndex', row);
row_key = index;
} catch (err) {
console.log(err);
} }, onClickCell: function (index, field, value) {
$(this).datagrid('clearSelections');
},
onLoadSuccess: function (data) {
$(this).datagrid('checkRow', row_key);
},
toolbar: '#tb'
});

2、json数据,主要是footer 数组对象

{"total":9,"rows":[
{"id":1,"name":"Chai","price":18.00},
{"id":2,"name":"Chang","price":19.00},
{"id":3,"name":"Aniseed Syrup","price":10.00},
{"id":4,"name":"Chef Anton's Cajun Seasoning","price":22.00},
{"id":5,"name":"Chef Anton's Gumbo Mix","price":21.35},
{"id":6,"name":"Grandma's Boysenberry Spread","price":25.00},
{"id":7,"name":"Uncle Bob's Organic Dried Pears","price":30.00},
{"id":8,"name":"Northwoods Cranberry Sauce","price":40.00},
{"id":9,"name":"Mishi Kobe Niku","price":97.00}
],"footer":[
{"name":"Total","price":282.35},
{"name":"Average","price":31.37}
]}

最新文章

  1. 把UI图里的小图标制作成icon font
  2. vue 2 滚动条加载更多数据实现
  3. Nexus3.0私服搭建
  4. jQuery中的.bind()、.live()和.delegate()之间区别分析
  5. 知识积累:DAS NAS SAN
  6. unable to connect to the virtual device Genymotion 神器启动问题
  7. Animator根骨骼运动原始实现代码
  8. 转:Struts2<s:iterator value="" var="lst">中var的使用和一些标签的使用体会
  9. Python基础 练习题
  10. wdlinux 编译pdo_mysql
  11. 玩转Windows服务系列——创建Windows服务
  12. 使用cocos2d脚本生成lua绑定
  13. Java眼中的XML文件写入
  14. Caused by: com.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxErrorException: Unknown column 't.statis_date'
  15. Caused by: The Result type [json] which is defined in the Result annotation on the class
  16. 《java入门第一季》之面向对象(抽象类到底多抽象)
  17. redis实战 -- python知识散记
  18. Java-Mail邮件开发
  19. VSCode TypeScript开发
  20. java 多线程下载功能

热门文章

  1. php Tp5下mysql的增删改查
  2. docker加速器配置
  3. Qt 学习之路 2(72):线程和事件循环
  4. Qt 学习之路 2(33):贪吃蛇游戏(3)
  5. python之文件读写(2)
  6. leetcode 493 Reverse Pairs
  7. 线性递推规律BM杜教
  8. HDU - 3949 线性基应用
  9. laravel的一些语法
  10. IE9以下程序开发不兼容项目罗列