当前位置:首页 > 开发 > Web前端 > Jquery > 正文

JSP页面通过JQUERY合并行

发表于: 2015-04-29   作者:357029540   来源:转载   浏览:
摘要: 在写程序的过程中我们难免会遇到在页面上合并单元行的情况,如图所示 如果对于会的同学可能很简单,但是对没有思路的同学来说还是比较麻烦的,提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb
在写程序的过程中我们难免会遇到在页面上合并单元行的情况,如图所示


如果对于会的同学可能很简单,但是对没有思路的同学来说还是比较麻烦的,提供一下用JQUERY实现的参考代码

function mergeCell(){
        var trs = $("#table tr");
        //获取第一行
        var firstRow=0;
        //获取第一行的值
        var firstRowValue = trs.eq(firstRow).find("[name$=company]").val();
        var len = 1;
        for(var i = 1;i<trs.length;i++){
            //获取当前行的值
            var thisRowValue = trs.eq(i).find("[name$=company]").val();
            if(thisRowValue == firstRowValue){
                len++;
                //删除单元格
                trs.eq(i).find("td").eq(0).remove();
            }else{
                //设置单元格占的行数
                trs.eq(firstRow).find("td").eq(0).attr("rowspan",len);
                firstRow = i;
                firstRowValue = thisRowValue;
                len = 1;
            }
        }
        //最后一个的时候赋值
        if(len > 1){
            trs.eq(firstRow).find("td").eq(0).attr("rowspan",len);
        }
    }

JSP页面通过JQUERY合并行

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
在jquery中ajax的调用已经非常方便了。也提供了一些新的调用方式。 这里有两个 在jsp中局部刷新页面
由于Ext grid目前不支持单元格的合并,但在项目中需要合并单元格显示,因此在显示样式上做了一些修
最近,在用做报表,其中有一部分报表中需要合并行,其实用分组解决起来没什么难度.但是客户给的Excel就
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是
原文来自:http://blog.sina.com.cn/s/blog_5e16f1770100h6jl.html 解决方案:使用宏包multirow,提
从这节开始,我们开始学习如何在ASP.NET控件中使用jQuery validation 插件,首先要用它,必须先了解
在这节我们将使用validation插件实现注册页面的验证功能,通过这个例子,可以更全面的掌握该插件的
原文链接 : Concurrent Android UI automation with Jenkins 原文作者 : Ha Duy Trung 译文出自 :
先通过在IDE中拉出这样的效果图 以学习相关属性 上面效果的相关代码 Code <!--<br /><b
JSP、Servlet 與 JavaBean 的組合應用 作者:蔡煥麟 日期:Jan-22-2003 更新:Feb-4-2003 地址: htt
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号