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

先贴出来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);

效果图：

转载于:https://my.oschina.net/kongdf/blog/884879