easyUI datagrid表头的合并
图列:
js代码
function initConfigTable(param){
$("#mulConfigureTableBox").empty();
$("#mulConfigureTableBox").append('<table id="mulConfigureTable" style="margin:0;padding:0;"></table>')
$("#mulConfigureTable").datagrid({
url:url,
title : false,
fit : true,
fitColumns : false,//设置为 true,则会自动扩大或缩小列的尺寸以适应网格的宽度并且防止水平滚动
striped :true,//奇偶行的颜色
border : true,
loadMsg : '正在加载数据,请稍候...',
singleSelect:false,
autoRowHeight:true,
rownumbers:false,
showFooter:false,
resizable : false,
pagination:true,
pageSize:10,
pageList : [10,15,20,25,30,35,40,45,40,100],
queryParams:param,//查询条件
frozenColumns:[[
{
title : '区域',
field : 'city',
align:'center',
width:70,
sortable : false
},
{
title : '设备层级',
field : 'level',
align:'center',
width:70,
sortable : false
},
{
title : '设备名称',
field : 'deviceName',
align:'center',
width:240,
sortable : false
},
{
title : '设备IP',
field : 'ipaddress',
align:'center',
width:100,
sortable : false
}
]],
columns:[[
{
title : 'PB MB MC',
align:'center',
"colspan":1
},
{
title : 'PB',
align:'center',
"colspan":1
},
{
title : 'PB',
align:'center',
"colspan":1
},
{
title : 'PB MB MC',
align:'center',
"colspan":1
}],
[{
title : '组播使能',
field : 'mineStatus1',
align:'center',
formatter:formatterFun,
width:100,
sortable : false
},
{
title : 'Anycast-RP<br/>是否配置',
field : 'mineStatus2',
align:'center',
formatter:formatterFun,
width:100,
sortable : false
},
{
title : 'MSDP配置',
field : 'mineStatus3',
align:'center',
formatter:formatterFun,
width:100,
sortable : false
},
{
title : '组播负载均衡',
field : 'mineStatus4',
align:'center',
formatter:formatterFun,
width:100,
sortable : false
}
]]
})
}
easyUI datagrid表头的合并的更多相关文章
- easyui datagrid 表头固定(垂直滚动条)、列固定(水平滚动条)
easyui datagrid 表头固定(垂直滚动条).列固定(水平滚动条),每页显示1000行 最近用多了easyui 之后还是觉得它的功能还是很强大的.它原有的功能就已经能够满足90%以上的界面需 ...
- 关于EasyUI datagrid 表头居中 数据列内容居右 或者居左
cell.css("text-align",(col.halign||col.align||"")); 这里有个属性挺眼熟 : col.align 前面还有一个 ...
- easyui datagrid中 多表头方法总结
easyui datagrid中怎么设置表头成多行显示呢?其实很简单,就是给datagrid的columns属性设置成多个数组就行了.下面直接看例子吧,这是一个两行表头的,按照此方法,还可以设置三行表 ...
- JQuery EasyUI datagrid 复杂表头处理
下面是我项目中和网上收集的EasyUI的表头处理的,合适的拿去用吧. 例子1: $('#day_health').datagrid({ url: "sqb_b ...
- EasyUI Datagrid 分页的情况下实现点击表头的小三角图标对数据库中所有数据重新排序
说明一下: 当点击 datagrid 表头某一列的小三角图标时,easyui 本身是有排序的,但是在当我们对 datagrid 进行了分页的情况下,点击排序只是对当前页的数据进行排序,而需求需要我对数 ...
- JQuery EasyUI DataGrid动态合并(标题)单元) 一
JS: /** * EasyUI DataGrid根据字段动态合并单元格 * @param fldList 要合并table的id * @param fldList 要合并的列,用逗号分隔(例如:&q ...
- JQuery EasyUI DataGrid动态合并单元格
/** * EasyUI DataGrid根据字段动态合并单元格 * @param fldList 要合并table的id * @param fldList ...
- easyui datagrid行合并
easyui datagrid行合并 合并方法 /** * EasyUI DataGrid根据字段动态合并单元格 * 参数 tableID 要合并table的id * 参数 colList 要合并的列 ...
- easyui datagrid的json格式
easyui datagrid的json格式: {"columns":[[{"field":"one","title": ...
随机推荐
- 解决vue中模态框内数据和外面的数据绑定的问题
1.做表格的修改,把整条数据传到模态框做修改,但是出现模态框改变数据没有保存时,表格的数据也会跟着改变,我想实现保存以后表格数据才会改变的功能. html:使用item整条数据都上传过去了,在upda ...
- nyoj312-20岁生日
20岁生日 时间限制:1000 ms | 内存限制:65535 KB 难度:1 描述 路过这的20岁生日就要到了,他当然很开心,可是他突然想到一个问题,是不是每个人从出生开始,到达20岁生日时所经 ...
- (7)JPA - Hibernate【从零开始学Spring Boot】
在说具体如何在spring boot 使用Hibernate前,先抛装引玉些知识点?什么是JPA呢? JPA全称Java Persistence API.JPA通过JDK 5.0注解或XML描述对象- ...
- OGG For Bigdata To Kafka同步问题处理
一.问题报错 -- :: ERROR OGG- Java or JNI exception: oracle.goldengate.util.GGException: Error detected ha ...
- BA-WG-泰豪发电机
泰豪发电机的控制主板有2个端口,一个是RS232端口,一个是RS485端口,通常接网关需要将这个RS485的端口调整为modbus协议输出,再将modbus协议通过网关转换为bacnet / ip协议 ...
- HBase使用flush命令之后存储的位置
HBase使用flush命令之后存储的位置 根据系统安装位置的不一样而不一样,当前是在: hadoop fs -ls /apps/hbase/data/data/default/t1 下面: 使用ha ...
- MySQL 5.7.10最新版本号源码安装具体过程
,重置密码 利用mysqladmin重置密码 [root@wgq_idc_mon_1_12 mysql5710]#./bin/mysqladmin -h localhost -uroot passwo ...
- 刚接触Joomla,写一下瞎折腾的初感受~
我这几天一直在苦苦寻找一款能够长期投靠的CMS产品,要求的是 1)必须支持命名空间 2)必须OOP + MVC分层 3)丰富分文档和使用群体,至少是出名的.免得哪一天他们解散了 4)-- 一開始我把目 ...
- Debian以下的ntp服务(ntpdate)的安装
/********************************************************************* * Author : Samson * Date ...
- 转:utf8汉字编码16进制对照
http://blog.chinaunix.net/uid-25544300-id-3281847.html GB Unicode UTF-8 Chinese Character Co ...