jquery easyui datagrid 中 数据中某一列 进行两行或三行合并 如何实现

Posted 2023-03-17

参考技术A frozenColumns:[[
field:'ck',checkbox:true,
title:'code',field:'code',width:80,sortable:true
]],
columns:[[
title:'Base Information',colspan:3,
field:'opt',title:'Operation',width:100,align:'center', rowspan:2
],[
field:'name',title:'Name',width:120,
field:'addr',title:'Address',width:220,rowspan:2,sortable:true ,
field:'col4',title:'Col41',width:150,rowspan:2
]],本回答被提问者采纳 参考技术B columns:[
[
title:'产品',width:80,colspan:2
],
[
field:'itemid',title:'Item ID',width:80,
field:'productid',title:'Product ID',width:120,
field:'listprice',title:'List Price',width:80,align:'right',rowspan:2,
field:'unitcost',title:'Unit Cost',width:80,align:'right',
field:'attr1',title:'Attribute',width:250,
field:'status',title:'Status',width:60,align:'center'
]] 参考技术C 看官网DEMO

jquery easyui datagrid 无滚动条，datagrid 没垂直滚动条

jquery easyui datagrid 无滚动条，datagrid 没垂直滚动条

 

==============================

蕃薯耀 2018年2月6日

http://www.cnblogs.com/fanshuyao/

 

一、问题描述：

当jquery easyui datagrid中数据量大时，body页面又设置高度超出隐藏时（如：overflow-y:hidden）时，这时datagrid加载满整个页面时也无滚动条。

 

二、解决方案：

 

给datagrid绑定onLoadSuccess事件，当加载成功后调用datagrid的resize方法，具体使用如下：

Js代码  

1. $("#datagridId").datagrid({  
2.     ……  
3.     ……,  
4.     onLoadSuccess: function(data){  
5.         $("#datagridId").datagrid("resize",{  
6.             height: ($(window).height())  
7.         });  
8.     }  
9. });  

 

如果要增加水平的滚动条呢？

Java代码  

1. $("#datagridId").datagrid({  
2.     ……  
3.     ……,  
4.     onLoadSuccess: function(data){  
5.         $("#datagridId").datagrid("resize",{  
6.             height: ($(window).height()),  
7.             width:  ($(window).width())//估计是这样，没有测试  
8.         });  
9.     }  
10. });  

 

 

==============================

蕃薯耀 2018年2月6日

http://www.cnblogs.com/fanshuyao/