`
寻觅一只耳朵
  • 浏览: 36225 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

解决jqgrid中rowspan

阅读更多
//jqGrid-ttable-rowspan
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*用法
* $("#tableId").jqGridTableRowSpan("13,14,15");//要合并的列序号,散列形式
* 仅仅只适用于jqGrid
* 
* 
 * */
jQuery.fn.jqGridTableRowSpan = function(colIndexs) {  
	 return this.each(function() {  
	  var indexs = eval("([" + colIndexs + "])");  
 for (var i = 0; i < indexs.length; i++) {  
									 var colIdx = indexs[i]; 
							            var that=new Array();
								        var firstrowspan=0;
	$('tbody tr', this).each(function(row) {
    for(var k=0;k<colIdx.length;k++){
 $('td:eq(' + colIdx[k] + ')', this).filter(':visible').each(
      function(col) { 
    if (that[k] != null && $(this).html() == $(that[k]).html()) { 
	rowspan = $(that[k]).attr("rowSpan"); 
	 if (rowspan == undefined) {  
		$(that[k]).attr("rowSpan", 1);  
		 rowspan = $(that[k]).attr("rowSpan");  
			                         }
	rowspan = Number(rowspan) + 1;
	  if(k==0){
	 $(that[k]).attr("rowSpan", rowspan); 
                 	 $(this).hide();                                   
firstrowspan=rowspan;
  }
	 if(k!=0&&rowspan<=firstrowspan){
	 $(that[k]).attr("rowSpan", rowspan);    
	$(this).hide();   }
	 } else {
	 if(k==0){
//if it is the first of the group then set others null ,
	 that=new Array();
	 that[0]=this;
	 }else{
	   that[k] = this;
		 }
	  }  
		       });  
	 }	  
 }); 
  }      });  
	 };
								

分享到:
评论
1 楼 mi_tiger 2013-07-19  
写的貌似不太对吧,你测试过吗?
var colIdx = indexs[i];

但是下面在用的时候,
for(var k=0;k<colIdx.length;k++),这边colIndx.length没有值吧,会是undefined

相关推荐

    jqGrid绘制表格

    首先,关于“行的合并”,在jqGrid中,可以使用`rowspan`属性来实现。例如,如果你有一组具有相同数据的连续行,你可以设置`rowspan`使得这些行在显示时合并为一行。这通常用于合并表头,以便更好地组织和展示信息。...

    jqGrid表格属性大全

    Table对象是jqGrid中的一个基本对象,表示HTML文档中的表,对于文档中每个标记,浏览器都创建一个Table对象。Table对象具有以下属性: * border:设置或获取表格边框 * caption:设置或获取表格标题 * cellPadding...

    jqGrid 实例

    在这个"jqGrid 实例"中,我们将探讨如何实现隐藏列、合并单元格、合并表头以及如何传递参数。 1. **隐藏列**:jqGrid 允许用户根据需求动态地显示或隐藏列。这可以通过设置列模型(colModel)中的 `hidden` 属性来...

    jQuery实现合并表格单元格中相同行操作示例

    `colspan`用于表格中的一个单元格横跨多个列,而`rowspan`用于一个单元格纵跨多个行。使用jQuery进行单元格合并,主要是通过操作这些属性来完成。 示例中,通过定义一个`mergeCell`函数,该函数能够通过传入的列索...

    37款开源jQuery表格插件

    1. jqGrid:这是一个强大的jQuery插件,用于在Web应用中显示和管理数据网格。它支持通过JavaScript API全面控制数据,以及服务器端排序、分页和过滤等高级功能。它还支持显示大数据集,并且具有可调整大小的列宽、...

Global site tag (gtag.js) - Google Analytics