<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function uniteTdCells(tableId){
var table = document.getElementById(tableId);
for(i=0;i<table.rows.length;i++){
for(c=0;c<table.rows[i].cells.length;c++){
if(c==0||c==1||c==2||c==3) //选择要合并的列序数，去掉默认全部合并
for(j=i+1;j<table.rows.length;j++){
var cell1=table.rows[i].cells[c].innerHTML;
var cell2=table.rows[j].cells[c].innerHTML;
if(cell1==cell2){
table.rows[j].cells[c].style.display='none';
table.rows[i].cells[c].rowSpan++;
} else break; }
} } }
function closeTD(id){
var table = document.getElementById(id);
for(i=0;i<table.rows.length;i++){
for(c=0;c<table.rows[i].cells.length;c++){
if(c==1||c==2)
if(table.rows[i].cells[c].style.display=='none')
table.rows[i].cells[c].style.display='block';
else if(table.rows[i].cells[c].style.display=='block'||table.rows[i].cells[c].style.display=='')
table.rows[i].cells[c].style.display='none';
}
} }
</script>
<table border="1" id="dd">
<tr><td>1</td><td>3</td><td>5</td><td>1</td></tr>
<tr><td>1</td><td>3</td><td>5</td><td>1</td></tr>
<tr><td>2</td><td>3</td><td>8</td><td>1</td></tr>
<tr><td>2</td><td>4</td><td>8</td><td>3</td></tr>
<tr><td>2</td><td>3</td><td>3</td><td>4</td></tr>
<tr><td>2</td><td>3</td><td>3</td><td>4</td></tr>
<tr><td>2</td><td>4</td><td>8</td><td>4</td></tr>
<tr><td>2</td><td>4</td><td>8</td><td>4</td></tr>
</table>
<input type="button" value="合并" onclick="uniteTdCells('dd')">
<input type="button" value="隐藏/显示列" onclick="closeTD('dd')">
<input type="button" value="刷新" onclick="location.href='uniteCells.html'">
</body>
</html>
分享到：
相关推荐
/* * 说明: * 表格第一列为标题列,列数以第一列为基准, * 列合并设置 : 在列元素上添加 ... * 如果整个表格中的行都要合并请设置第一列的colspans超过表格列最大值 * 的数,并且其它列取消colspans设置值 * */
本文实例为大家分享了Vue Elenent实现表格相同数据列合并的具体代码，供大家参考，具体内容如下 作者：秋名 思路：后台查询表格数据，查询出来后直接传到前端，前端通过foreach循环，然后对相同的表格进行合并。...
实现根据条件筛选行（删除多余行），再根据条件（以当前单元格与同列的上一行相同，则向上合并单元格举例）合并指定单元格。
剪切, 粘贴 自动填充插入行, 列 (处理中)删除行, 列 )隐藏行, 列支持多个sheet表打印数据验证导出XLSX导入XLSX导出CVS导入CVS中)导入图片 )数据筛选，高性能 Web JavaScript Canvas 电子表格高性能 Web JavaScript ...
表格行合并的几种做法(javascript jQuery),这是网上搜索总结出来的，希望对大家有帮助。
// 要全并的列数集合 [0]代表第一列要执行合并操作,[0,1]代表1，2列有合并操作 mergeColumn : [0,1], // 列描述对象 ,包含一个数组，数组中每一个对象说明一个列编辑对象和相关处理 column : [ { ...
// 要全并的列数集合 [0]代表第一列要执行合并操作,[0,1]代表1，2列有合并操作 mergeColumn : [], // 列描述对象 ,包含一个数组，数组中每一个对象说明一个列编辑对象和相关处理 column : [ { name : '...
主要是对JavaScript动态操作表格实例(添加,删除行,列及单元格)进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助
JSP Table 单元格合并 javascript
3.46 查找两段文本中相同的词句 3.47 自动保存网页输出的文本 3.48 文本编辑器 第4章 鼠标特效 4.1 禁用鼠标右键 4.2 使鼠标滚轮失效 4.3 状态栏显示鼠标位置 4.4 点击鼠标右键到指定页 4.5 鼠标放到图片上会显示...
类似于网页版的简易Excel，附有详细的注释，值得您参考，后续源码依旧与您共享。 （仅适用于IE）主要功能... 添加操作建议不要超过26列，因为Z列之后没有对列头标索引进行对26的取模处理操作，会出现非字母的头标^_^
日常开发中，经常遇到表格里需要自动合并单元格，考虑到写服务器控件比较消耗性能，因些还是把这种工作交给客户端Javascript去做吧，基于习惯用jquery框架，所以封装了一个Jquery插件。
使用javascript对表格进行调整 包括，添加行，添加列，合并单元格，拆分单元格
3.46 查找两段文本中相同的词句 3.47 自动保存网页输出的文本 3.48 文本编辑器 第4章 鼠标特效 4.1 禁用鼠标右键 4.2 使鼠标滚轮失效 4.3 状态栏显示鼠标位置 4.4 点击鼠标右键到指定页 4.5 鼠标放到图片上会显示...
对表格的行和列进行插入/删除，并对每行添加行号
实例295 将页面中的表格导出到Word并打印 465 实例296 打开指定的Word文档并打印 467 实例297 在JSP中利用Word自动打印指定格式的会议记录 468 实例298 在ASP中利用Word自动打印指定格式的会议记录 470 实例299 在...
一款纯前端类似excel的在线表格，功能强大、配置简单、完整源码。 特性 格式设置：样式，条件格式，文本对齐及旋转，文本截断、溢出、自动换行，多种数据类型，单元格内多样式 单元格：拖拽，下拉填充，多选区，...
HTML表格设计器可以快速的可视化设计一个表格，可以对单元格进行合并，拆分，添加，删除以及设置样式等操作，API简单易懂 ###第一步: grunt /*运行任务，生成js主文件*/ ###第二步: bower install /*安装依赖库*/ ##...
一款浏览器仿EXCEL纯JS表格控件，纯国产化，支持双击编辑、设置公式、设置显示小数精度、下拉框、自定义单元格、复制粘贴、不连续选定、合并单元格、隐藏列、键盘操作等。