码迷,mamicode.com
首页 > 其他好文 > 详细

easyui datagrid 多表头设置

时间:2015-09-09 08:31:51      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:

最近在做二维报表,要求报表的表头自定义。在网上找了好久二维报表的插件,一直找不到合适的。后来就用easyui 中的datagrid替代了一下。

 

  根据实际需求,统计的信息可能不是一个模块中的字段信息,所以需要把模块和模块下的字段都显示出来,这就用到了表格中的合并单元格,但是在datagrid中如何实现呢? 如下:

 

$(‘#text‘).datagrid({  
    border : 2,
    nowrap : false,
    fit : true,
        url: ‘<%=request.getContextPath()%>/report/showreport.action‘,
        frozenColumns: [[  
                             { title: ‘区域名称‘, field: ‘regionname‘, width: 80, sortable: true}  
                         ]], 
        columns: [
        [{"title":"人员管理","colspan":3},
         {"title":"资料管理","colspan":3}],
        [{"field":"uname0","title":"姓名类似于李","rowspan":1},
         {"field":"config_gender1","title":"性别等于女","rowspan":1},
         {"field":"config_gender2","title":"性别等于男","rowspan":1},
         {"field":"config_datatype0","title":"资料类别等于视频资料","rowspan":1},
         {"field":"config_datatype1","title":"资料类别等于图片资料","rowspan":1},
         {"field":"config_datatype2","title":"资料类别等于文件资料","rowspan":1}]],  
        rownumbers: true 
});

结果如下图:

技术分享

 

说明:从代码中可以看到,表单数组中有两个数组(一般的表格都是有一个数组), 第一个数组就是表头中第一行,该数组对象中没有field属性,第二个数组就是表头第二行。返回的数据格式中字段以第二个数组中的field属性的值为key。格式如下:

 

转载http://blog.csdn.net/lishuangzhe7047/article/details/42743895

easyui datagrid 多表头设置

标签:

原文地址:http://www.cnblogs.com/relix/p/4793527.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!