js 表格合并单元格
5列 根据需要可添加 或 删除 strOneTemp strTwoTemp strThreeTemp strFourTemp strFiveTemp
//合并单元格
this.mergeCellsTable = function(){
var strOneTemp = null;
var indexOne = 1
var objOne={};
var strTwoTemp = null;
var indexTwo = 1
var objTwo={};
var strThreeTemp = null;
var indexThree = 1
var objThree={};
var strFourTemp = null;
var indexFour = 1
var objFour={};
var strFiveTemp = null;
var indexFive = 1
var objFive={};
var _$tr = $('#table>tbody>tr'); //对应table的ID
for(var i=0;i<_$tr.length;i++){
if(i<_$tr.length-1){ //不包括最后一行
var flagOne = false;
var flagTwo = false;
var flagThree = false;
var flagFour = false;
var flagFive = false;
var oneStr = $(_$tr[i]).find("td").eq(0).text();
if(oneStr==strOneTemp){
$(objOne).attr("rowspan",indexOne+1);
flagOne = true;
indexOne++;
}else{
objOne = $(_$tr[i]).find("td").eq(0);
strOneTemp = oneStr;
indexOne = 1;
}
var twoStr = $(_$tr[i]).find("td").eq(1).text();
if(twoStr==strTwoTemp){
$(objTwo).attr("rowspan",indexTwo+1);
flagTwo = true;
indexTwo++;
}else{
objTwo = $(_$tr[i]).find("td").eq(1);
strTwoTemp = twoStr;
indexTwo = 1;
}
var threeStr = $(_$tr[i]).find("td").eq(2).text();
if(threeStr==strThreeTemp){
$(objThree).attr("rowspan",indexThree+1);
flagThree = true;
indexThree++;
}else{
objThree = $(_$tr[i]).find("td").eq(2);
strThreeTemp = threeStr;
indexThree = 1;
}
var fourStr = $(_$tr[i]).find("td").eq(3).text();
if(fourStr==strFourTemp){
$(objFour).attr("rowspan",indexFour+1);
flagFour = true;
indexFour++;
}else{
objFour = $(_$tr[i]).find("td").eq(3);
strFourTemp = fourStr;
indexFour = 1;
}
var fiveStr = $(_$tr[i]).find("td").eq(4).text();
if(fiveStr==strFiveTemp){
$(objFive).attr("rowspan",indexFive+1);
flagFive = true;
indexFive++;
}else{
objFive = $(_$tr[i]).find("td").eq(4);
strFiveTemp = fiveStr;
indexFive = 1;
}
if(flagOne){
$(_$tr[i]).find("td").eq(0).hide();
}
if(flagTwo){
$(_$tr[i]).find("td").eq(1).hide();
}
if(flagThree){
$(_$tr[i]).find("td").eq(2).hide();
}
if(flagFour){
$(_$tr[i]).find("td").eq(3).hide();
}
if(flagFive){
$(_$tr[i]).find("td").eq(4).hide();
}
}
}
}
js 表格合并单元格的更多相关文章
- jquery操作表格 合并单元格
jquery操作table,合并单元格,合并相同的行 合并的方法 $("#tableid").mergeCell({ cols:[X,X] ///参数为要合并的列}) /** * ...
- 使用POI创建word表格合并单元格兼容wps
poi创建word表格合并单元格代码如下: /** * @Description: 跨列合并 */ public void mergeCellsHorizontal(XWPFTable table, ...
- elementUI表格合并单元格
相信你肯定看了 ElementUI 官方文档了,没看的话先去看下表格各个属性的意义,方便下文阅读:传送门 但你会发现此例过于简单,死数据,但我们开发的时候往往都是后台传递过来的数据,导致我们 rows ...
- display:table表格合并单元格
直接上代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEn ...
- html表格合并单元格的运用实例
效果图: 实现代码: <!DOCTYPE html><html><head><meta charset="UTF-8"><ti ...
- html表格合并单元格
th标签 合并列 colspan="k" 合并行 rowspan="k" 例子<th colspan="2", rowspan=& ...
- 表格合并单元格【c#】
gridBranchInfo.DataSource = dtBranchViewList; gridBranchInfo.DataBind(); Random random = new Random( ...
- JS动态生成表格后 合并单元格
JS动态生成表格后 合并单元格 最近做项目碰到表格中的单元格合并的问题,需求是这样的,首先发ajax请求 请求回来后的数据 动态生成表格数据,但是生成后如果编号或者(根据其他的内容)有相同时,要合并单 ...
- JS实现EasyUI ,Datagrid,合并单元格功能
为了实现datagrid的合并单元格效果,datagrid的数据加载方式肯定是要写在JS文件内部的. 一:在JS内部添加Datagrid数据加载方法如下: $("#id").dat ...
随机推荐
- css盒子模型基础,margin-top塌陷,元素溢出
现在布局不用table,一般用盒子模型来布局,也就是通常说的div+css,一个页面就是多个盒子的拼接 一. 初识盒子模型 例子1,测试盒子各属性设置 <head> <s ...
- iOS开发中UILocalNotification本地通知实现简单的提醒功能
这段时间项目要求做一个类似的闹钟提醒功能,对通知不太熟悉的我,决定先用到xcode自带的本地通知试试,最终成功的实现了功能,特整理分享下. 它的表现特点: app关闭的时候也能接收和显示通知. app ...
- ubuntu 上运行的django 出现No space left on device错误
运行django出现错误信息: [2016-02-16 14:33:24,476 pyinotify ERROR] add_watch: cannot watch /usr/local/lib/pyt ...
- css 实现文字图片垂直对齐
给图片使用vertical-align:middle;就可以实现 <!DOCTYPE html> <html lang="en"> <head> ...
- 大象——Thinking in UML
目录 大象--Thinking in UML 面向对象 普通民众的面向对象 大师眼中的面向对象 大象--Thinking in UML 大音希声,大象希形, 近来闲暇,随手翻起一些曾经看过的书籍,才发 ...
- Rstudio常用且不熟快捷键 “原版+中文” 整理
- 进阶篇:5.3.1)均方根法(Root-Sum-Squares,RSS)
本章目的:了解均方根法,运用均方根法. 1.定义 均方根法(Root-Sum-Squares,RSS):均方根法是统计分析法的一种,是把尺寸链中的各个尺寸公差的平方之和再开根即得到关键尺寸的公差. 其 ...
- css实现渐变
.gradient{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#8ca0d3), to(#375a9a)); /** Chrome ...
- 远控项目(Windows Socket)
实现内容(屏幕,鼠标,键盘实时控制) 控制端: #pragma once #ifndef keybd_H #define keybd_H #include <stdio.h> #inclu ...
- Git学习系列之 Git 、CVS、SVN的比较
Git .CVS.SVN比较 项目源代码的版本管理工具中,比较常用的主要有:CVS.SVN.Git 和 Mercurial (其中,关于SVN,请参见我的博客:SVN学习系列) 目前Google C ...