easyui datagrid 显示 footer

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
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值