-
2013-12-26 15:14:12
function hb(){
var tab = document.getElementById("subtable");
var maxCol = 3, val, count, start;
var ys="";
for(var col = maxCol-1; col >= 0 ; col--) {
count = 1;
val = "";
for(var i=0; i<tab.rows.length; i++){
if(val == tab.rows[i].cells[col].innerHTML){
count++;
}else{
if(count > 1){
//合并
start = i - count;
if(ys=="#00FFFF"){
ys="#EEEE00";
}else{
ys="#00FFFF";
}
tab.rows[start].cells[col].rowSpan = count;
tab.rows[start].cells[1].style.backgroundColor=ys;//改变颜色
// ys="#EEEE00";
// tab.rows[i].cells[1].style.backgroundColor="#00FFFF";//改变颜色绿色
for(var j=start+1; j<i; j++){ //
tab.rows[j].cells[col].style.display = "none";
tab.rows[j].removeChild(tab.rows[j].cells[col]);
}
count = 1;
}
val = tab.rows[i].cells[col].innerHTML;
}
}
if(count > 1 ){ //合并,最后几行相同的情况下
start = i - count;
tab.rows[start].cells[col].rowSpan = count;
for(var j=start+1; j<i; j++) {
tab.rows[j].removeChild(tab.rows[j].cells[col]);
}
}
}
}更多相关内容 -
js对table的td进行相同内容合并示例详解
2020-12-01 23:29:11代码如下: function hb(){ var tab = document.getElementById(“subtable”); var maxCol = 3, val, count, start; var ys=””; for(var col = maxCol-1; col >= 0 ;... i<tab xss=removed> 1){ //合并 sta -
利用poi进行excel相同内容合并单元格并转成流输出
2017-11-15 15:13:19利用poi进行excel相同内容合并单元格,只摘要了传入部分功能,请关注addMergedRegion方法 -
基于JQuery实现相同内容合并单元格的代码
2020-10-28 17:56:45我们就中和下利用JQuery来和他一个table里面相同内容的单元格,这里代码跟大家分享下,希望对大家有用 -
根据第一列的内容进行合并单元格,相同内容合并 js
2018-01-18 02:23:17根据第一列的内容进行合并单元格,相同内容合并 js 第一列的内容不相同,后面的列数相同也不合并 合并之前:  合并之后: ![图片... -
利用js合并table相同内容单元格并js方式自动生成
2017-11-15 15:27:06利用js合并table相同内容单元格并js方式自动生成,把文本内容复制进js中,应该就知道大概咋用了 -
js控制单元格 行 列 相同内容合并
2017-11-16 13:52:53//这个For循环是合并列(无需合并列可删除) for (q = rowBeginIndex; q ; q++) { for(w=0;w[0].cells.length; w++){ intSpan = 1; colspan = tabObj.rows[q].cells[w].rowSpan; strTemp = ...
tabObjId:table 的id
cellindex :无效,可根据需要修改成有效。
beginRow:从第几行开始,暂时默认传0,其他未测试。
function SpanGrid(tabObjId, cellindex, beginRow) {
var colIndex = cellindex;
var rowBeginIndex = beginRow;
var tabObj = document.getElementById(tabObjId);
if (tabObj != null) {
var i, j, m, k, q,w,e,r;
var intSpan;
var strTemp;
m = 0;
//这个For循环是合并行
for(k=0;k<tabObj.rows[0].cells.length; k++){
colIndex=k;
for (i = rowBeginIndex; i < tabObj.rows.length; i++) {
intSpan = 1;
m++;
strTemp = tabObj.rows[i].cells[colIndex].innerText;
for (j = i + 1; j < tabObj.rows.length; j++) {
if (strTemp == tabObj.rows[j].cells[colIndex].innerText) {
intSpan++;
tabObj.rows[i].cells[colIndex].rowSpan = intSpan;
tabObj.rows[j].cells[colIndex].style.display = "none";
}
else {
break;
}
}
}
}
//这个For循环是合并列(无需合并列可删除)
for (q = rowBeginIndex; q < tabObj.rows.length; q++) {
for(w=0;w<tabObj.rows[0].cells.length; w++){
intSpan = 1;
colspan = tabObj.rows[q].cells[w].rowSpan;
strTemp = tabObj.rows[q].cells[w].innerText;
if( "none" == tabObj.rows[q].cells[w].style.display){
continue;
}
for(e=w+1;e<tabObj.rows[q].cells.length; e++){
if( "none" == tabObj.rows[q].cells[e].style.display){
continue;
}
colspan1 =tabObj.rows[q].cells[e].rowSpan
if(strTemp == tabObj.rows[q].cells[e].innerText && ( colspan ==
colspan1)){
intSpan++;
tabObj.rows[q].cells[w].colSpan = intSpan;
tabObj.rows[q].cells[e].style.display = "none";
}
else {
break;
}
}
}
}
i = j - 1;
}
} -
Java导出excel时合并同一列中相同内容的行思路详解
2020-08-27 09:13:38主要介绍了Java导出excel时合并同一列中相同内容的行,需要的朋友可以参考下 -
JS TABLE CELL 相同内容 单元格 合并
2017-11-14 06:19:35Table前端同一列里面内容相同的单元格合并,网上找的存在如下问题: 1、大部分只能合并某一列,不能多列; 2、有些能合并多列的,首列合并后,第二列合并单元格行数不能超过首列合并的单元格行数,虽然第二列值可能... -
快速合并单元格相同项的内容
2020-11-29 11:30:25在Excel操作中,有时我们需要将一些相同的内容合并在一个单元格内,如果内容不多,可以一次次的单击合并单元格按钮。但是,有时候我们的内容有很多,这时候重复操作合并单元格显得有些笨拙,那有没有办法快速合并...在Excel操作中,有时我们需要将一些相同的内容合并在一个单元格内,如果内容不多,可以一次次的单击合并单元格按钮。但是,有时候我们的内容有很多,这时候重复操作合并单元格显得有些笨拙,那有没有办法快速合并相同项呢?答案是肯定的,下面,我将介绍一些快速合并同类项的方法。
方法一:分类汇总法
1.1 如图,是本次操作的数据源。
1.2
选中数据区域,单击"数据"选项卡-->"分级显示"功能区-->"分类汇总"按钮,弹出"分类汇总"对话框,在"分类字段"字段中选择:类别,在"汇总方式"字段中选择:计数,在"选定汇总项"字段中勾选:类别,单击"确定"出现下图2的结果。
1.3
在A1单元格输入"计数"(任意字符都可以,只要不为空),选中A1::A13区域,单击"开始"选项卡-->"编辑"功能区"-->"查找和选择"下拉按钮-->"定位条件",在打开的对话框中选中"空值",单击"确定"结束,至此,空白单元格就被选中了,如下图:
1.4
然后,单击"开始"选项卡-->"对齐方式"功能区-->"合并后居中",空白单元格就变成合并单元格了,如下图:
1.5
单击"分类汇总"按钮,单击左下角的"全部删除"取消分类汇总,结果如下图:
1.6
选中A2:A9单元格,单击"格式刷"按钮,然后用格式刷将B2:B9的区域刷一下,就得到想要的结果了,最后将数据区域设置样式,并将辅助列A删除,结果如下图:
方法二:数据透视表法
2.1
选中数据区域,单击"插入"选项卡-->"表格"功能区"-->"数据透视表",按默认设置生成一张表(也可以在源表上生成数据透视表,依习惯和情况而定),然后将<类别>和<品名>放在行字段中,将<数量>放在值字段中如下图所示:
2.2
接下来,选中数据透视表区域任意单元格,单击"数据透视表工具-->分析"选项卡-->"数据透视表"功能区"-->"选项",弹出"数据透视表选项"对话框,
将第一张图和第三张图的红框内容勾选,第二张图的红框内容去掉勾选,结果如第四张图所示:
2.3 单击"数据透视表工具-->设计"选项卡-->"布局"功能区-->"分类汇总"下拉按钮-->选中"不显示分类汇总"即可得到结果,如下图所示:
如果想要在原始数据上合并同类项,只需要使用格式刷将数据透视表的格式刷到原始表格中,具体操作方法一已写明,在此不再赘述。
方法三:VBA
3.1 单击"开发工具"选项卡-->"代码"-->"Visual
Basic"(快捷键Alt+F11),单击"插入"-->"模块",将下面代码插入到模块中,使用Alt+F8快捷键即可得到结果。
Sub
MergeItems()
Dim rng
As Range, header As Range, cell As Range
Application.ScreenUpdating
= False
Application.Calculation
= xlCalculationManual
Application.DisplayAlerts
= False
Set rng =
ActiveSheet.Range("A1", Range("A" &
Rows.Count).End(xlUp))
Set
header = rng(1)
For Each
cell In rng.Offset(1, 0)
If cell <> cell.Offset(-1, 0)
Then
Range(header, cell.Offset(-1, 0)).Merge
Set header
= cell
End If
Next
Application.ScreenUpdating
= True
Application.Calculation
= xlCalculationAutomatic
Application.DisplayAlerts
= True
End
Sub
欢迎大家关注:office和python之家,分享Excel基本技巧、图形与图表、数据透视表、SQL、VBA,Python语法知识、爬虫、数据交互、GUI等知识。
-
js合并单元格 相同内容的单元格合并
2018-02-08 10:02:24demo实例 合并紧挨着的 单元格 通过js实现 希望对大家有帮助 -
Javascript合并表格中具有相同内容单元格示例
2020-10-27 00:22:07表格相同内容单元格的合并在以前也有过类似的教程,本文为大家讲解的是使用Javascript合并,具体示例及效果图如下,感兴趣的朋友可以参考下 -
相同表头合并
2019-02-28 16:33:41可选择sheet名称来合并多个excel表头相同的sheet。 使用方法:首先需要新建一个excel表格来存储合并后的数据。打开新建好的excel表格,运行该宏代码(快捷键:ALT+F11),然后运行该宏代码,按照提示进行操作即可。 -
Excel合并同列相同内容单元格
2021-10-25 10:53:401.排序选定要合并的列,进行排序 2.分类汇总 选中首列后,点击工具栏——>数据——>(分级显示)分类汇总效果如上所示注意注意注意!!!!只选中下图红框框区域,然后按快捷键:"ctrl+g" 3....原表如上所示,目标表如下所示:
具体步骤:
1.排序选定要合并的列,进行排序
2. 分类汇总
选中首列后,点击工具栏——>数据——>(分级显示)分类汇总效果如上所示
注意注意注意!!!!只选中下图红框框区域,然后按快捷键:"ctrl+g"3.合并
注意看,这几步都是针对选中的区域操作的,点击工具栏——>开始——>合并后居中
4.删除分类汇总纲
别问为什么,按照四个步骤依次操作就对了
选中全区域如图step1所示,点击工具栏——>数据——>分类汇总,这时候啥也别管,点击全部删除,没错就是这个【全部删除(R)】.
完事儿选中第一列,点击开始,点击格式刷,去刷第二列,图中为B列。
到这步,其实就完成了90%了,剩下就是把不需要的部分删了。
再调一下格式,搞定
补充:如果第二列也想合并操作,拿第一列格式刷去刷一下就好了
就这,瑞思拜。。。,网上很多教程其实有问题,大家还得自己多试试
-
easyui合并相同行
2017-11-01 17:38:59资源本人亲自测可用,如果有什么问题本人负全责,有疑问就加我qq:2654715173,添加时注明来意,不然本人不同意,祝大家编程愉快^_^ -
table表格按列合并相同数据行单元格代码
2020-07-13 14:47:00在jsp、html页面中实现table表格按列合并相同数据行单元格代码,可实现功能为:在一个table表格中,合并指定列中所有相同数据相邻行单元格内容。 -
Vue Elenent实现表格相同数据列合并
2021-01-22 10:42:06本文实例为大家分享了Vue Elenent实现表格相同数据列合并的具体代码,供大家参考,具体内容如下 作者:秋名 思路:后台查询表格数据,查询出来后直接传到前端,前端通过foreach循环,然后对相同的表格进行合并。(同... -
JS 实现Table相同行的单元格自动合并示例代码
2020-10-26 23:20:10Table相同行的单元格自动合并,使用js来实现此效果,具体代码下,感兴趣的朋友可以参考下 -
VB.net dataGridview 单元格内容相同合并.rar
2019-11-27 12:23:38VB.net datagridView 单元格相同内容自动合并 组件+窗体测试源码,版本VB.NET 2010 -
vue element实现表格合并行数据
2021-01-18 15:40:51本文实例为大家分享了vue element实现表格合并行数据的具体代码,供大家参考,具体内容如下 支持不分页的表格数据,分页的表格数据还有小bug xss=removed span-method=objectSpanMethod> 序号 prop=id ... -
BootstrapTable 相同内容单元格合并
2018-01-23 16:51:02// 声明一个map计算相同属性值在data对象出现的次数和 var sortMap = {}; for(var i = 0 ; i ; i++){ for(var prop in data[i]){ //例如people.unit.name var fieldArr=fieldName.split("."); getCount... -
vue + elementui table 列内容相同 自动合并单元格 完整代码
2019-11-30 13:50:46if(item.box_id === arr[index - 1].box_id&&item.allocation_number === arr[index - 1].allocation_number){//第二列需合并相同内容的判断条件 spanTwoArr[concatTwo] += 1; spanTwoArr.push(0); }else{ ... -
Excel将多行相同数据合并成一行并居中显示
2021-11-18 15:46:22目录1. 准备数据如下2. 创建数据透视表3. 配置数据透视表4. 复制粘贴数据 1. 准备数据如下 2. 创建数据透视表 3. 配置数据透视表 ...再选择分类汇总,选择分类汇总里面的不显示分类汇总 ...选择数据透视表,并右击鼠标,... -
java导出excel时合并相同内容的单元格
2020-09-03 14:56:06数据库查询需要导出的内容(group by “需合并字段”) 代码: 计算出需要合并的开始行数和结束行数 合并单元格 -
SQL 合并多行记录的相同字段值
2020-09-11 07:00:07有时候会遇到这种情况,数据库查询返回多行记录,且每行记录由另外符合条件的多条记录内容合并,遇到这种情况,我们可以选择下面两种方式 -
使用easyExcel导出excel时相同数据合并
2020-08-06 12:17:08合并规则类 package cn.itcast.boot.ExcelUtil; import com.alibaba.excel.metadata.CellData; import com.alibaba.excel.metadata.Head; import com.alibaba.excel.write.handler.CellWriteHandler; import ... -
合并内容相同的相邻单元格
2017-12-08 15:31:54excel,自动合并 合并内容相同的相邻单元格。非常好用 -
table表格依据数据内容相同时进行合并行单元格
2019-12-30 00:00:56table表格依据数据进行合并单元格table表格依据数据内容相同时进行合并行单元格合并前与合并后实际效果比较原理核心代码写代码犯错的位置 table表格依据数据内容相同时进行合并行单元格 合并前与合并后实际效果比较 ... -
JQuery实现相同内容合并单元格
2014-11-21 11:21:43web前端开发的时候经常会遇到要做表单的页面或者做一些表格的效果如相同内容要同一个单元格里面显示,一般的方法是table里面在套table但是这种方法会增加页面的负担影响页面加载速度但是如果用DIV有不好控制写的css...