博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用Js 合并表单元格
阅读量:4323 次
发布时间:2019-06-06

本文共 856 字,大约阅读时间需要 2 分钟。

最近,在做一个项目的时候,需要合并GridView的单元格,让相同的数据显示成一行,公司里一位大哥写的,贴出来给给位看看,公司的代码拿不出来的,就看懂后,自己写出来的哈。

其中,tabObj代表表的Id,即GridView的Id,cellIndex代表合并第几列,beignRow 代表从几行开始,通常使用1,因为0是表头哈。

js代码如下:

function SpanGrid(tabObj, cellindex, beginRow) {

    var colIndex = cellindex;
    var rowBeginIndex = beginRow;
    if (tabObj != null) {
        var i, j, m;

        var intSpan;

        var strTemp;
        m = 0;
        for (i = rowBeginIndex; i < tabObj.rows.length; i++) {
            intSpan = 1;
            m++;
            strTemp = tabObj.rows[i].cells[colIndex].innerText;
            for (j = i + 1; j < tabObj.rows.length; j++) {
                if (strTemp == tabObj.rows[j].cells[colIndex].innerText) {
                    intSpan++;
                    tabObj.rows[i].cells[colIndex].rowSpan = intSpan;
                    tabObj.rows[j].cells[colIndex].style.display = "none";
                }
                else {
                    break;
                }
            }

        }

        i = j - 1;
    }
}

 

当然,这个Js代码还有点小问题,就是只能合并一列,不能够同时合并多列,希望某位仁兄改进,使之能够同时合并多列。

转载于:https://www.cnblogs.com/xianrongbin/archive/2012/10/05/2712624.html

你可能感兴趣的文章
[Codevs] 线段树练习5
查看>>
Amazon
查看>>
hMailServer搭建简单邮件系统
查看>>
从零开始学习jQuery
查看>>
opacity半透明兼容ie8。。。。ie8半透明
查看>>
CDOJ_24 八球胜负
查看>>
Alpha 冲刺 (7/10)
查看>>
一款jQuery打造的具有多功能切换的幻灯片特效
查看>>
SNMP从入门到开发:进阶篇
查看>>
@ServletComponentScan ,@ComponentScan,@Configuration 解析
查看>>
unity3d 射弹基础案例代码分析
查看>>
thinksns 分页数据
查看>>
os模块
查看>>
最短路径(SP)问题相关算法与模板
查看>>
js算法之最常用的排序
查看>>
Python——交互式图形编程
查看>>
经典排序——希尔排序
查看>>
团队编程项目作业2-团队编程项目代码设计规范
查看>>
英特尔公司将停止910GL、915GL和915PL芯片组的生产
查看>>
Maven配置
查看>>