EasyUI DataGrid 多级表头设置
使用EasyUI做一个报表统计,需要合并表头为多级表头,核心代码如下:
$('#dg').datagrid({
    url:'datagrid_data.action',
    fit : true,
    fitColumns : false,
    columns:
         [
             [
                {"title":"网格员考核测评表","colspan":9}
             ],
             [
                {"field":"ORGNAME","title":"网格","rowspan":3,width:"80"},
                {"field":"USERZH","title":"网格员","rowspan":3,width:"80"},
                {"title":"工作纪律","rowspan":2},
                {"title":"民主互评","rowspan":2},
                {"title":"志愿者","rowspan":2},
                {"title":"加分项","colspan":2},
                {"title":"总分","rowspan":2},
                {"title":"平均分","rowspan":2}
             ],
             [
                {"title":"信息上报","rowspan":1},
                {"title":"简报采纳","rowspan":1}
             ],
             [
                {"field":"YW1","title":"5分","rowspan":1},
                {"field":"YW2","title":"5分","rowspan":1},
                {"field":"YW3","title":"6分","rowspan":1},
                {"field":"YW4","title":"8分","rowspan":1},
                {"field":"YW5","title":"5分","rowspan":1},
                {"field":"TOTAL","title":"","rowspan":1},
                {"field":"AVG","title":"","rowspan":1}
             ]
         ]
}); 
以上代码和图中可以看出表头共有4行9列, 画单元格就和HTML中一样,主要利用 rowspan、colspan 属性
在将要显示内容的列上添加 field 属性
EasyUI DataGrid 多级表头设置的更多相关文章
- easyui datagrid 多表头设置
		
最近在做二维报表,要求报表的表头自定义.在网上找了好久二维报表的插件,一直找不到合适的.后来就用easyui 中的datagrid替代了一下. 根据实际需求,统计的信息可能不是一个模块中的字段信息,所 ...
 - EasyUI datagrid  查询、设置、提交 三
		
查询 $(“#grid”).datagrid(“load”,{ a: $('#id').val(),b :$('#text').val() }); {} 里面可以 是序列化参数 $(“#grid ...
 - 转载 -- 	jquery easyui datagrid 动态表头 + 嵌套对象属性展示
		
代码功能: 1.datagrid 的表头由后台生成,可以配置在数据库 2.datagrid 的列绑定数据 支撑嵌套对象 $(function() { var columns = new Array() ...
 - Easyui datagrid 去掉表头的checkbox复选框
		
$(".datagrid-header-check").html(""); 在onLoadSuccess中加入此行代码即可实现datagrid去除表头的chec ...
 - JQuery EasyUI datagrid 复杂表头处理
		
下面是我项目中和网上收集的EasyUI的表头处理的,合适的拿去用吧. 例子1: $('#day_health').datagrid({ url: "sqb_b ...
 - EasyUI datagrid 复杂表头处理
		
1:表头固定(前台写) 参照官方:http://www.jeasyui.net/demo/334.html 效果图: 源代码如下: <!DOCTYPE html> <html> ...
 - JQuery EasyUI DataGrid根据条件设置表格行样式(背景色)
		
1.javascript定义函数返回样式 <script type="text/javascript"> //根据条件设置表格行背景颜色 function setRow ...
 - easyui datagrid将表头的checkbox不显示(隐藏)
		
<script type="text/javascript"> $(function(){ $("#dg").datagrid({ url:&quo ...
 - easyui datagrid sort 表头 排序
		
datagrid的点击列表头刷新,分为两种,一种是页面刷新,不涉及后台服务器数据,不会从新查询数据库,只会刷新当前页数据: 一种是服务器级刷新,会重新加载全部数据. 如果不需要自定义排序,可以直接使用 ...
 
随机推荐
- 【翻译自mos文章】在11gR2 rac环境中,文件系统使用率紧张,而且lsof显示有非常多oraagent_oracle.l10 (deleted)
			
在11gR2 rac环境中,文件系统使用率紧张.而且lsof显示有非常多oraagent_oracle.l10 (deleted) 參考原文: High Space Usage and "l ...
 - [Functional Programming ADT] Debug a Functional JavaScript composeK Flow
			
When using ADTs in our code base, it can be difficult to use common debugging tools like watches and ...
 - LeetCode Add Binary |My Solution
			
Given two binary strings, return their sum (also a binary string). For example, a = "11" b ...
 - 如何在 MyEclipse 下用 Gradle 构建 Web Application
			
一.安装 Gradle 插件,参考我的另一篇文章:MyEclipse 集成 Gradle开发环境 二.新建一个 Web Project, 在项目根目录下新建 build.gradle 文件, 并向其中 ...
 - nginx安装说明
			
下载地址:http://nginx.org/en/download.html 安装版本:1.10.0 安装配置如下: /etc/nginx 目录 /home/nginx目录 --prefix=/hom ...
 - phpMailer中文说明[转]
			
A开头: $AltBody--属性出自:PHPMailer::$AltBody文件:class.phpmailer.php说明:该属性的设置是在邮件正文不支持HTML的备用显示 AddAddress- ...
 - 经常使用meta标签属性
			
<meta> 1.Keywords (keyword) 说明:告诉搜索引擎你网页的keyword是什么. 使用方法:<meta name="keywords" c ...
 - react 设置代理(proxy) 实现跨域请求
			
一,对于使用creat-react-app构建的项目,可以直接在package.json下配置,具体如下 "proxy": "http://api.xxxx.com&qu ...
 - iOS AVPlayer视频播放器
			
代码地址如下:http://www.demodashi.com/demo/11168.html 一.运行效果 二.实现过程 ①.创建播放器avPlayer //创建播放器 url = [url str ...
 - MS SQL 日常维护管理常用脚本
			
--[查看数据库服务器名称] --默认实例查询 SELECT @@SERVERNAME AS SERVERNAME; SELECT SERVERPROPERTY('servername') AS Se ...