75jqGrid - Basic Pivot Grid

简介: 75jqGrid - Basic Pivot Grid

JSON(格式化后)

HTML代码举例

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

javascript代码举例

$(function(){
  pageInit();
});
function pageInit(){
  jQuery("#grid").jqGrid('jqPivot', 
      "data.json",
      // pivot options
      {
        xDimension : [{dataName: 'CategoryName'} ],
        yDimension : [],
        aggregates : [
          { 
            member : 'Price', 
            aggregator : 'sum', 
            width:80, 
            label:'Sum Price', 
            formatter:'number', 
            align:'right'
          }
        ]
      }, 
      // grid options
      {
        width: 700,
        rowNum : 150,
        pager: "#pager",
        caption: "Amounts of each product category"
      });
}
目录
相关文章
|
21天前
|
Web App开发 JSON JavaScript
基于ExtJS Grid创建Table例子
基于ExtJS Grid创建Table例子
14 1
|
1月前
|
容器
QML之定位器(Column,Row,Flow,Grid)
QML之定位器(Column,Row,Flow,Grid)
157 2
|
10月前
|
API
DataTables中的column().visible()
在数据表中显示和隐藏列非常方便,尤其是在显示信息密度较大的表时。此方法允许即时更改单个列的可见性,或读取列的可见性状态。
117 0
|
Python
【tkinter学习笔记 - 5】:布局管理器(grid、pack、place)
【tkinter学习笔记 - 5】:布局管理器(grid、pack、place)
181 0
【tkinter学习笔记 - 5】:布局管理器(grid、pack、place)
|
JavaScript
Element UI - el-table-column 属性之 show-overflow-tooltip 爬坑
Element UI - el-table-column 属性之 show-overflow-tooltip 爬坑
2126 0