//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;
}
}
});
}
});
} });
};
分享到:
相关推荐
首先,关于“行的合并”,在jqGrid中,可以使用`rowspan`属性来实现。例如,如果你有一组具有相同数据的连续行,你可以设置`rowspan`使得这些行在显示时合并为一行。这通常用于合并表头,以便更好地组织和展示信息。...
Table对象是jqGrid中的一个基本对象,表示HTML文档中的表,对于文档中每个标记,浏览器都创建一个Table对象。Table对象具有以下属性: * border:设置或获取表格边框 * caption:设置或获取表格标题 * cellPadding...
在这个"jqGrid 实例"中,我们将探讨如何实现隐藏列、合并单元格、合并表头以及如何传递参数。 1. **隐藏列**:jqGrid 允许用户根据需求动态地显示或隐藏列。这可以通过设置列模型(colModel)中的 `hidden` 属性来...
`colspan`用于表格中的一个单元格横跨多个列,而`rowspan`用于一个单元格纵跨多个行。使用jQuery进行单元格合并,主要是通过操作这些属性来完成。 示例中,通过定义一个`mergeCell`函数,该函数能够通过传入的列索...
1. jqGrid:这是一个强大的jQuery插件,用于在Web应用中显示和管理数据网格。它支持通过JavaScript API全面控制数据,以及服务器端排序、分页和过滤等高级功能。它还支持显示大数据集,并且具有可调整大小的列宽、...