文档章节

HTML TBLE表格重复内容列合并javascript方法

Kiddy-Adult
 Kiddy-Adult
发布于 2017/04/22 13:56
字数 162
阅读 5
收藏 0

先贴出来javascript代码 

setInterval(function AutoMerge() {
    if ($('.table tbody tr').eq(0).data('mergetd') == undefined) {
        var date = '';
        var start = 0;
        var end = 0;
        $('.table tbody tr').each(function(index) {
            if (date == $(this).find('td').eq(0).html()) {
                end = index;
            } else {
                $('.table tbody tr').eq(start).find('td').eq(0).attr('rowspan', end - start + 1).css({
                    'vertical-align': 'middle'
                });
                /*console.log(start + ',' + end + ',' + date); */
                for (var i = start + 1; i <= end; i++) {
                    $('.table tbody tr').eq(i).find('td').eq(0).remove();
                };
                start = index;
                end = index;
            }
            date = $(this).find('td').eq(0).html();
            if (index == $('.table tbody tr').size() - 1) {
                $('.table tbody tr').eq(start).find('td').eq(0).attr('rowspan', end - start + 1).css({
                    'vertical-align': 'middle'
                });
                for (var i = start + 1; i <= end; i++) {
                    $('.table tbody tr').eq(i).find('td').eq(0).remove();
                }
            }
        });
    }
    $('.table tbody tr').eq(0).data('mergetd', 1);
},
50);
效果图:




本文转载自:http://blog.csdn.net/kdf123/article/details/49794233

Kiddy-Adult
粉丝 0
博文 47
码字总数 1637
作品 0
苏州
高级程序员
私信 提问
回到基础:如何用原生 DOM API 生成表格

翻译:疯狂的技术宅 原文:https://www.valentinog.com/blog/html-table/ 怎样用原生 JavaScript 生成表格需?本文告诉你答案! 这是一个刷 JavaScript 经验值的好机会:在技术面试中出现的最...

疯狂的技术宅
03/14
0
0
Kettle发送邮箱并在正文中以表格形式展示内容[升级版]

在上一篇关于Kettle发送邮件并在正文中以表格形式展示内容的文章中,已经提到Kettle邮箱正文中支持HTML格式,要在邮箱正文中展示表格,那就行拼出HTML,然后扔到邮箱正文中. 方法就是这么简单直接...

夏一
01/12
0
0
Javascript实现把网页中table的内容导入到excel中的几种方法

Javascript实现把网页中table的内容导入到excel中的几种方法 一、 直接拷贝整个表格到EXCEL中 二、 通过遍历表格,给EXCEL中相应的单元格赋值。 三、 把表格中的内容提取出来,利用IE的另存为...

光石头
2010/09/22
468
0
jquery技巧总结

一、简介 1.1、概述 随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将...

晨曦之光
2012/03/09
204
0
jquery的一些用法 有用的用法。

AJAX 框架 用 Asp.net ajax 还是 Jquery ? AJAX 流行之后,总想好好学习一下。但是众多的框架实在难以选择。说明一下 ASP.NET AJAX 并不包括在 AJAX 框架之中。 刚开始学了 JQuqery, 众多的...

雪中漫步
2010/03/29
501
0

没有更多内容

加载失败,请刷新页面

加载更多

Taro 兼容 h5 踩坑指南

最近一周在做 Taro 适配 h5 端,过程中改改补补,好不酸爽。 本文记录📝遇到的问题,希望为有相同需求的哥们👬节约点时间。 Taro 版本:1.3.9。 解决跨域问题 h5 发请求会报跨域问题,需...

dkvirus
51分钟前
3
0
Spring boot 静态资源访问

0. 两个配置 spring.mvc.static-path-patternspring.resources.static-locations 1. application中需要先行的两个配置项 1.1 spring.mvc.static-path-pattern 这个配置项是告诉springboo......

moon888
今天
3
0
hash slot(虚拟桶)

在分布式集群中,如何保证相同请求落到相同的机器上,并且后面的集群机器可以尽可能的均分请求,并且当扩容或down机的情况下能对原有集群影响最小。 round robin算法:是把数据mod后直接映射...

李朝强
今天
4
0
Kafka 原理和实战

本文首发于 vivo互联网技术 微信公众号 https://mp.weixin.qq.com/s/bV8AhqAjQp4a_iXRfobkCQ 作者简介:郑志彬,毕业于华南理工大学计算机科学与技术(双语班)。先后从事过电子商务、开放平...

vivo互联网技术
今天
19
0
java数据类型

基本类型: 整型:Byte,short,int,long 浮点型:float,double 字符型:char 布尔型:boolean 引用类型: 类类型: 接口类型: 数组类型: Byte 1字节 八位 -128 -------- 127 short 2字节...

audience_1
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部