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 ...
随机推荐
- 迫不得已! ! 仅仅针对IE浏览器的样式,尤其是IE8及以下
IE10不会起作用,IE9,8,7,6,5都可以 <html> <head> <title>IE打开就是蓝色背景,白色的字体</title> <! ...
- 2016级算法第二次上机-A.画个圈圈诅咒你
890 画个圈圈诅咒你 思路 简单题.题目中的圆并没有什么实际作用,简化成线段重合问题会更好理解些. 暴力解法:使用双重for循环会T到想哭,记住最直接的方法一般是过不了题的. 解法一:二分查找.空间 ...
- 1、Caffe数据层及参数
要运行Caffe,需要先创建一个模型(model),每个模型由许多个层(layer)组成,每个层又都有自己的参数, 而网络模型和参数配置的文件分别是:caffe.prototxt,caffe.solv ...
- MVC 提交List 集合 注意对应的参数名称
public void AddMovieInfos(List<MoviesInfo> movies) { foreach (var item in movies) { dal.Add(it ...
- JavaWeb后台从input表单获取文本值的两种方式
JavaWeb后台从input表单获取文本值的两种方式 #### index.html <!DOCTYPE html> <html lang="en"> & ...
- rest-assured之认证授权(Authentication)
rest-assured支持多种认证授权方案,比如:OAuth.digest(摘要认证).certificate(证书认证).form(表单认证)以及preemptive(抢占式基础认证)等.我们可以 ...
- 微信内置浏览器H5 弹出键盘 遮盖文本框解决办法 Fixed失效
if(/Android [4-6]/.test(navigator.appVersion)) { window.addEventListener("resize", functio ...
- centos 7 下安装nginx-1.15.7
安装所需环境 Nginx 是 C语言 开发,建议在 Linux 上运行,当然,也可以安装 Windows 版本,本篇则使用 CentOS 7 作为安装环境. 一. gcc 安装安装 nginx 需要先 ...
- oracle--等待事件
1. Buffer busy waits 从本质上讲,这个等待事件的产生仅说明了一个会话在等待一个Buffer(数据块),但是导致这个现象的原因却有很多种,常见的两种是:当一个会话试图修改一个数据块, ...
- 在ionic3+angular4项目中添加自定义图标
在阿里图标库下载自己所需要的图标解压为一下目录 把iconfont.xx文件全部放到src/assets/fonts/文件夹下,可以全部替换里面的文件,但是要把之前iconfont.css文件下的文件 ...