easyui rowspan
第一种写法
columns: [
[
{ field: 'depName', title: '部门', rowspan: 2, width: '100px', align: 'center' },
{ field: 'busName', title: '业务', rowspan: 2, width: '100px', align: 'center' },
{ field: 'vendorname', title: '运营商', rowspan: 2, width: '100px', align: 'center' },
{ field: '1', title: '<%=NowToday%>日当天发送量', colspan: 3, width: '100px', align: 'center' },
{ field: '1', title: '截止<%=NowToday%>日当天发送量', colspan: 3, width: '100px', align: 'center' }
],
[
{ field: 'LastTodaySend', title: '<%=LastMonth%>月', width: '100px', align: 'center' },
{ field: 'NowTodaySend', title: '<%=NowMonth%>月', width: '100px', align: 'center' },
{ field: 'ratio1', title: '环比', width: '100px', align: 'center', formatter: percentFoemat },
{ field: 'LastEndSend', title: '<%=LastMonth%>月', width: '100px', align: 'center' },
{ field: 'NowEndSend', title: '<%=NowMonth%>月', width: '100px', align: 'center' },
{ field: 'ratio2', title: '环比', width: '100px', align: 'center',formatter:percentFoemat}
]
]
});
第2种写法:
<%-- <table id="dg" class="easyui-datagrid" style="width:100%;height:auto;float:left" title="">
<thead>
<tr>
<th rowspan="2" field="depName" width="100px;" data-options="align:'center'">部门</th>
<th rowspan="2" field="busName" width="100px;" data-options="align:'center'">业务</th>
<th rowspan="2" field="vendorname" width="100px;" data-options="align:'center'">运营商</th>
<th colspan="3" field="1" data-options="align:'center'"><%=NowToday%>日当天发送量</th>
<th colspan="3" field="1" data-options="align:'center'">截止<%=NowToday%>日当天发送量</th>
</tr>
<tr>
<th field="LastTodaySend" width="100px;" data-options="align:'right'"><%=LastMonth%>月</th>
<th field="NowTodaySend" width="100px;" data-options="align:'right'"><%=NowMonth%>月</th>
<th field="ratio1" width="100px;" data-options="align:'right'" formatter="percentFoemat">环比</th>
<th field="LastEndSend" width="100px;" data-options="align:'right'"><%=LastMonth%>月</th>
<th field="NowEndSend" width="100px;" data-options="align:'right'"><%=NowMonth%>月</th>
<th field="ratio2" width="100px;" data-options="align:'right'" formatter="percentFoemat">环比</th>
</tr>
</thead>
</table>--%>
效果图:

easyui rowspan的更多相关文章
- easyui DataGrid表体单元格跨列rowspan
最近做项目用到了jquery easyui,其中一组DataGrid做的报表是给客户大领导看的,客户要求报表样式跟他们原有系统的一模一样(如下图1). DataGrid样式好调,只是城市名称单元格跨行 ...
- JQuery easyUI DataGrid 创建复杂列表头(译)
» Create column groups in DataGrid The easyui DataGrid has ability to group columns, as the followin ...
- easyui datagrid中 多表头方法总结
easyui datagrid中怎么设置表头成多行显示呢?其实很简单,就是给datagrid的columns属性设置成多个数组就行了.下面直接看例子吧,这是一个两行表头的,按照此方法,还可以设置三行表 ...
- EasyUI DataGrid 修改每页显示数量的最大值&&导出Grid到Excel
首先,最近在搞那个DataGrid的导出,发现,网上的用JS导出到本地的方法虽然可用,但是只能导出DataGrid当前的数据,例如说,DataGrid默认是最大显示50行,但是如果有多页,那么就无法显 ...
- JQuery EasyUI datagrid 复杂表头处理
下面是我项目中和网上收集的EasyUI的表头处理的,合适的拿去用吧. 例子1: $('#day_health').datagrid({ url: "sqb_b ...
- 如何用easyui+JAVA 实现动态拼凑datagrid表格(续)
前面一段时间写了一篇文章: 如何用easyui+JAVA 实现动态拼凑datagrid表格 这篇文章的话,效果是可以实现,但是经过我反复试验,还是存在一些问题的. 今天这篇文章就是向大家介绍下如何避免 ...
- easyui DataGrid 工具类之 util js
var jq; var tab; var tabsIndex; /** ...
- easyui的datagrid打印(转)
在使用easyui插件的时候,使用最多的应该是datagrid插件.有时候根据客户需求,可能需要将datagrid内容进行打印,这时候如果直接调用window.print,可能由于easyui的dat ...
- 扩展 easyui 控件系列:为datagrid 增加过滤行
此功能还为真正完成,起到抛砖引玉的效果,发动大家的力量把这个功能完善起来,效果图如下: 基本上就是扩展了 datagrid.view 中的onAfterRender 这个事件,具体代码如下: $.ex ...
随机推荐
- 忘记Oracle System和Sys密码的解决方法
忘记Oracle System和Sys密码的方法 :Oracle提供两种验证方式,一种是OS验证,另一种密码文件验证方式,如果是第一种方式用以下方法修改密码: sqlplus /nolog; conn ...
- Spring Boot基本配置
本文参考javaEE开发的颠覆者SpringBoot实战第一版 基本配置 入口类和@SpringBootApplication Spring Boot通常有一个名为*Application的入口类,且 ...
- 配置进程外Session
配置进程外Session: (1)将服务器Session信息存储在进程外 <1> 首先,开启asp.net state 服务: 控制面板 -> 程序和功能 -&g ...
- HTTP:HTTP百科
ylbtech-HTTP:HTTP百科 超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议.所有的WWW文件都必须遵守这个标准.设计 ...
- mybatis 学习五 动态SQL语句
3.1 selectKey 标签 在insert语句中,在Oracle经常使用序列.在MySQL中使用函数来自动生成插入表的主键,而且需要方法能返回这个生成主键.使用myBatis的selectKey ...
- C++面试考点
1.下面程序在x64下结果 struct st { int a; long long b; double c; }; int main() { st s; cout << &s.a ...
- Python函数(一)-return返回值
定义一个函数可以在最后加上return返回值,方便查看函数是否运行完成和返回函数的值 # -*- coding:utf-8 -*- __author__ = "MuT6 Sch01aR&qu ...
- 关于多账套API的设计
帐套在财务核算中是记载一个独立核算的经济实体的所有往来信息的一整套记录表和统计分析报表.不同的帐套之间的关系是相对独立的,对其中的任何一个帐套中的数据进行建立.删除或修改都不会影响其他帐套.在ERP中 ...
- sql语句优化方案
1. 为查询缓存优化你的查询 NOW() 和 RAND() 或是其它的诸如此类的SQL函数都不会开启查询缓存,因为这些函数的返回是会不定的易变的. 所以,你所需要的就是用一个变量来代替MySQL的函数 ...
- oracle connect by用法篇 (包括树遍历)之一
1.基本语法 select * from table [start with condition1] connect by [prior] id=parentid 一般用来查找存在父子关系的数据,也就 ...