77jqGrid - 带有汇总页脚的分组

JSON（格式化后）

HTML代码举例

  
    jqGrid 实例
  
  
    ···代码省略···
     
    

    JSON FILE
    ···代码省略···
  

javascript代码举例

$(function(){
  pageInit();
});
function pageInit(){
  jQuery("#pgrid2").jqGrid('jqPivot', 
      "data.json",
      // pivot options
      {
        xDimension : [
          {
            dataName: 'CategoryName', 
            width:90
          },{
            dataName: 'ProductName'
          }
        ],
        yDimension : [
          {
            dataName: 'Country'
          }
        ],
        aggregates : [
          { 
            member : 'Price', 
            aggregator : 'sum', 
            width:80,
            label:'Sum',
            formatter:'number',
            align:'right',
            summaryType: 'sum'
          }
        ],
        groupSummaryPos :  'footer'
      }, 
      // grid options
      {
        width: 700,
        rowNum : 10,
        pager: "#ppager2",
        caption: "Rows grouping"
      });

}