80jqGrid - 冻结分组列

简介: 80jqGrid - 冻结分组列

JSON(格式化后的json)

HTML代码举例

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

javascript代码举例

$(function(){
  pageInit();
});
function pageInit(){
  jQuery("#pgrid3").jqGrid('jqPivot', 
      "data.json",
      // pivot options
      {
        xDimension : [
          {
            dataName: 'CategoryName', 
            width:90
          },{
            dataName: 'ProductName'
          }
        ],
        yDimension : [
          {
            dataName: 'Country', 
            converter : function(value, xData, yData){
              return 'TotalCountry';
            }
          },{
            dataName: 'Country'
          }
        ],
        aggregates : [
          { 
            member : 'Price', 
            aggregator : 'sum', 
            width:50,
            formatter:'number',
            align:'right',
            summaryType: 'sum'
          }
        ]
      }, 
      // grid options
      {
        width: 700,
        rowNum : 10,
        pager: "#ppager3",
        caption: "Columns groups"
      });
}
目录
相关文章
|
JavaScript 前端开发 Java
73jqGrid - 冻结列
73jqGrid - 冻结列
51 0
|
JSON JavaScript 前端开发
78jqGrid - 列分组
78jqGrid - 列分组
39 0
|
JavaScript 前端开发 Java
57jqGrid 分组 - 多分组在头部显示求和(新)
57jqGrid 分组 - 多分组在头部显示求和(新)
35 0
|
6月前
用dragstart、drag、dragend、dragover、drop、dragleave实现针对表格列的顺序进行拖拽排序(附带实现选择某几列数据显示或隐藏)
用dragstart、drag、dragend、dragover、drop、dragleave实现针对表格列的顺序进行拖拽排序(附带实现选择某几列数据显示或隐藏)
|
JavaScript 前端开发
47jqGrid 分组 - 分组表头行配置
47jqGrid 分组 - 分组表头行配置
74 0
|
6月前
|
小程序
06 - table表格标签+ 行合并+列合并
06 - table表格标签+ 行合并+列合并
122 0
|
12月前
|
JavaScript
jqGrid数据列表和表单的列隐藏/显示
jqGrid数据列表和表单的列隐藏/显示
101 0
|
JavaScript
VUE element-ui之table表格勾选复选框动态合计某列的值
VUE element-ui之table表格勾选复选框动态合计某列的值
586 0
VUE element-ui之table表格勾选复选框动态合计某列的值
|
JavaScript 前端开发 Java
74jqGrid - 冻结带有分组头的列
74jqGrid - 冻结带有分组头的列
60 0
|
JavaScript 前端开发
46jqGrid 分组 - 隐藏分组列
46jqGrid 分组 - 隐藏分组列
37 0