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

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

JSON(格式化后)

HTML代码举例

<html>
  <head>
    <title>jqGrid 实例</title>
  </head>
  <body>
    ···代码省略···
    <table id="pgrid2"></table> 
    <div id="ppager2"></div>
    <a href="data.json">JSON FILE</a>
    ···代码省略···
  </body>
</html>

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"
      });
}
目录
相关文章
|
7月前
|
JavaScript 前端开发 Java
72jqGrid 分组表头 - 有合并列的样式
72jqGrid 分组表头 - 有合并列的样式
35 0
|
7月前
|
JSON JavaScript 前端开发
76jqGrid - 分组行
76jqGrid - 分组行
21 0
|
7月前
|
JavaScript 前端开发
49jqGrid 分组 - 分组行折叠
49jqGrid 分组 - 分组行折叠
26 0
|
7月前
|
JSON JavaScript 前端开发
78jqGrid - 列分组
78jqGrid - 列分组
20 0
|
7月前
|
JavaScript 前端开发
47jqGrid 分组 - 分组表头行配置
47jqGrid 分组 - 分组表头行配置
32 0
|
5月前
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
|
7月前
|
JavaScript 前端开发
50jqGrid 分组 - 汇总页脚
50jqGrid 分组 - 汇总页脚
26 0
|
7月前
|
JavaScript 前端开发 Java
71jqGrid 分组表头 - 没有合并列的样式
71jqGrid 分组表头 - 没有合并列的样式
16 0
|
7月前
|
JavaScript 前端开发 Java
54jqGrid 分组 - 折叠汇总行
54jqGrid 分组 - 折叠汇总行
20 0
|
7月前
|
JavaScript 前端开发 Java
57jqGrid - 数据合并单元格
57jqGrid - 数据合并单元格
23 0