`
foodgod
  • 浏览: 1675 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery 合并单元格

阅读更多
/*合并单元格*/
    function merge(){
     var tablist=$("#tab").find("tr:not(first)");
     var rowspna2 = 1;
     var rowspna3 = 1;
     
     var temp1 = "";
     var temp2 = "";
    
     $.each(tablist,function(i,item){
   if(i==0){
    temp1 = item;
    temp2 = item;
   }else{
    //合并线路类别
    if($(item).find("td").eq(1).text()==$(temp1).find("td").eq(1).text()){
     rowspna2 +=1 ;
     $(item).find("td").eq(1).hide();
     $(temp1).find("td").eq(1).attr("rowspan",rowspna2);
     
    }else{
     temp1 = item;
     rowspna2 = 1;
    }
    //合并
    if($(item).find("td").eq(2).text()==$(temp2).find("td").eq(2).text()){
     rowspna3 +=1 ;
     $(item).find("td").eq(2).hide();
     $(temp2).find("td").eq(2).attr("rowspan",rowspna3);
    }else{
     temp2 = item;
     rowspna3 = 1;
    }
   }	 
     });
 }
merge();
分享到:
评论

相关推荐

    jQuery合并单元格

    "jQuery合并单元格"这个主题涉及到在HTML表格中合并单元格的技术,这对于创建复杂的表格布局或呈现数据时非常有用。下面我们将深入探讨如何使用jQuery和JavaScript实现单元格的合并。 首先,我们需要理解HTML表格的...

    jQuery实现合并单元格功能

    在压缩包中的"jquery合并单元格"文件可能包含了具体的示例代码或者更复杂的合并功能实现。通过查看和学习这些示例,你可以进一步理解和掌握如何使用jQuery实现单元格合并。同时,为了保证代码的可维护性和性能,记得...

    jquery datatable 单元格合并

    通过Datatables的`drawCallback`或`initComplete`事件,在表格渲染完成后合并单元格。遍历预处理得到的合并信息,使用DOM操作修改表格结构。 ```javascript $('#example').DataTable({ // ...其他配置... ...

    Jquery合并单元格--网摘

    当找到相同文本时,合并单元格。 示例代码未给出,但可以根据上述思路进行编写。 在实际应用中,你可能需要对这两个函数进行调整以满足具体需求,例如处理表格中的空白单元格、合并跨多列的单元格,或者优化性能...

    合并单元格例子(jquery)

    下面是一个简单的例子,展示了如何使用jQuery合并单元格: ```html <!DOCTYPE html> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <td>Header 1 <td>Header 2 <td>Header 3 ...

    jquery 动态合并单元格的实现方法

    ////table中指定行第N列合并单元格(合并后会多出一列,删除N+1单元格即可) var tds = $("#dgList .TableHeader1").find('td'); tds[6].setAttribute("colSpan", "2"); 还可以写成:tds[6].attr("rowSpan", 2);

    将HtmlTable 导出为Execl文件,支持合并单元格、合并行,无需Office支持

    本项目提供了一个解决方案,它支持合并单元格和合并行,无需依赖Microsoft Office,这对于那些无法安装Office环境或者希望在服务器端执行此操作的用户来说,具有很高的实用价值。 首先,我们要理解HTML表格...

    jqgrid合并单元格,合并行、合并列

    jqgrid合并单元格 .jqgrid { width: 80%; margin: 0 auto; } /* 这个代码是解决表头有一点点错位的问题 */ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-...

    jquery超好用的合并单元格

    jquery封装超好用的合并单元格方法,很好用,欢迎大家下载使用。

    jquery合并表格行记录

    至于压缩包内的文件“jquery合并单元格行”,可能是包含了一个实现这个功能的jQuery插件或者示例代码。 总的来说,合并表格行记录是通过jQuery对HTML表格进行操作的一个实用技巧,能够提升数据的可视化效果,使数据...

    bootstrap-table导出合并单元格

    在描述中提到的"bootstrap-table导出合并单元格"是该插件的一个高级特性,允许用户在导出表格时,将具有相同内容的单元格进行合并,以提高数据的可读性和美观性。 1. **Bootstrap Table简介** Bootstrap Table是一...

    easyuiPoi导出Excel工具类封装(支持合并单元格)

    EasyUIPoI是一款基于Apache POI的Java工具库,专门用于简化Excel的导出操作,尤其在处理模板和合并单元格方面提供了便利。这个库主要适用于那些需要在Web应用中生成Excel报告或导出数据的场景,比如数据分析、报表...

    jquery.table.rowspan.js 表格自动合并单元格插件

    `jQuery.table.rowspan.js`插件的核心思想是遍历表格中的每一行,根据设定的规则(如相同的值或特定条件)来检测是否需要合并单元格,并动态设置`rowspan`属性。这样,原本需要在服务器端进行的复杂逻辑计算,被转移...

    table合并单元格的多种方法

    在表格(Table)设计中,有时我们需要合并单元格来达到特定的展示效果,例如创建标题行或列,或者为了美观和布局对齐。在HTML、CSS以及JavaScript中,都有多种方式可以实现单元格的合并。这里我们将详细探讨六种合并...

    JQuery表格合并单元格

    合并单元格 JQuery源码 MergeCells 加入JQuery库和MergeCells即可. EP: $('#table').MergeCells({cols:'1,2,3'}) 合并第2,3,4列.

    动态向下合并单元格

    在IT行业中,尤其是在Web开发领域,动态向下合并单元格是一项重要的功能,特别是在处理表格数据时。这个技术主要用于优化用户界面,使数据呈现更加清晰、整洁。"动态向下合并单元格"这一概念通常与HTML表格、...

    jquery实现的类似excel功能的表格

    可编辑的类似于excel功能的jQuery开发的表格,功能上还有很多的缺陷...目前的问题还有在 IE低版本上还存在着合并时只将单元格删除没有添加colspan这个属性,不知道是什么情况。 本人:笨熊熊 QQ:26732421 期待高手指点!

    ASP.NET递归加载和合并单元格

    - **前台JS处理**:利用JavaScript或jQuery在页面加载完成后动态合并单元格,这可以减少服务器负担,但可能影响初次加载速度。 - **模板列**:在ASP.NET控件中使用TemplateField,通过代码逻辑来决定何时合并单元格...

    JSP页面实现合并单元格

    ### JSP页面实现合并单元格知识点详解 #### 一、背景介绍 在Web开发中,经常需要处理表格数据展示的问题,特别是在数据具有层级结构的情况下,如何有效地合并单元格以达到美观且直观的数据呈现效果,是前端开发...

    spreadjs_包含合并单元格的数据绑定-demo.zip

    《SpreadJS:实现合并单元格的数据绑定》 SpreadJS 是一款功能强大的JavaScript表格控件,由葡萄城开发,它提供了一种高效的方式在Web应用中创建、编辑和展示电子表格数据。在这个“spreadjs_包含合并单元格的数据...

Global site tag (gtag.js) - Google Analytics