合并单元格
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档 </title>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666" id="tab">
<tr bgcolor="#FFFFFF">
<td>张三 </td>
<td>男</td>
<td>21</td>
<td>数学 </td>
<td>90 </td>
</tr>
<tr bgcolor="#FFFFFF">
<td>张三 </td>
<td>男</td>
<td>21</td>
<td>语文 </td>
<td>70 </td>
</tr>
<tr bgcolor="#FFFFFF">
<td>张三 </td>
<td>男</td>
<td>21</td>
<td>英语 </td>
<td>60 </td>
</tr>
<tr bgcolor="#FFFFFF">
<td>张三 </td>
<td>男</td>
<td>21</td>
<td>英语 </td>
<td>60 </td>
</tr>
<tr bgcolor="#FFFFFF">
<td>张三 </td>
<td>男</td>
<td>21</td>
<td>英语 </td>
<td>60 </td>
</tr>
<tr bgcolor="#FFFFFF">
<td>李四 </td>
<td>女</td>
<td>21</td>
<td>数学 </td>
<td>60 </td>
</tr>
<tr bgcolor="#FFFFFF">
<td>李四 </td>
<td>女</td>
<td>21</td>
<td>语文 </td>
<td>60 </td>
</tr>
<tr bgcolor="#FFFFFF">
<td>王五 </td>
<td>男</td>
<td>21</td>
<td>英语 </td>
<td>60 </td>
</tr>
</table>
<script >
var tab=document.getElementById("tab");
mergeTable(tab,0) ;
/**
*合并单元格
*tab 表格
*mergeCellID 需要合并的单元格，第一列为0
*/
function mergeTable(tab,mergeCellID)
{
var name="";
for(var i=0,j=0;i<tab.rows.length;i++,j++) {
if(name==tab.rows[i].cells[mergeCellID].innerHTML) {
tab.rows[i].deleteCell(mergeCellID)
} else {
name=tab.rows[i].cells[mergeCellID].innerHTML;
if(i>0)
{
tab.rows[i-j].cells[mergeCellID].rowSpan=j;
}
j=0;
}
}
}
//参考 http://bbs.csdn.net/topics/300105407
</script >
</body>
</html>
//参考 http://bbs.csdn.net/topics/300105407
- 大小: 23.2 KB
分享到：
相关推荐
在JavaServer Pages (JSP) 中，合并单元格通常是针对HTML表格（`<table>`元素）的操作，这在创建报表或者展示结构化数据时非常常见。JSP 是一种基于Java的服务器端脚本语言，它允许开发人员在HTML文档中嵌入Java代码...
### JSP页面实现合并单元格知识点详解 #### 一、背景介绍 在Web开发中，经常需要处理表格数据展示的问题，特别是在数据具有层级结构的情况下，如何有效地合并单元格以达到美观且直观的数据呈现效果，是前端开发...
每次遍历时都会更新计数器 `count`，用于记录合并单元格所占据的行数。 ```javascript count++; ``` #### 三、JSP 示例代码解析 在 JSP 文件中，使用 `<s:iterator>` 标签来迭代列表，并为每个元素生成一个表格行...
本文将详细介绍如何使用JSTL的C标签在JSP中实现动态合并单元格的功能。 JSTL（JavaServer Pages Standard Tag Library）是Java社区定义的一套标准标签库，其中C标签库（Core Library）提供了很多处理集合和控制流程...
以上就是使用JSP中的C标签动态合并单元格的基本原理和实现方式。在实际项目中，我们可能还需要考虑其他因素，如数据的分页、排序、过滤等，这些都会影响到合并逻辑的实现。通过这种方式，我们可以使HTML表格更加灵活...
本文将通过一个具体的实例代码，详细讲解如何在JSP中实现动态合并单元格的功能。 首先，我们需要了解JSP的基本结构和JSTL（JavaServer Pages Standard Tag Library）库。JSP是一种基于Java的服务器端脚本语言，用于...
"lawSeekadvCount.jsp"可能是一个展示合并单元格功能的页面，而"QQ截图20120307133013.png"是对应的效果图，它能帮助我们直观地理解如何在实际应用中呈现这种功能。 综上所述，"Ext 合并单元格"是一个增强用户界面...
需要注意的是，当自动合并单元格时，开发者应该考虑表格的可访问性和数据的逻辑性，确保合并操作不会导致数据解读错误或者损害表格结构的完整性。例如，如果一个表格是用于数据导出或者数据分析的，那么合并单元格...
在jsp、html页面中实现table表格按列合并相同数据行单元格代码，可实现功能为：在一个table表格中，合并指定列中所有相同数据相邻行单元格内容。
本话题聚焦于LayUI中的Table组件，特别是如何实现相同参数的单元格合并功能，这在展示数据时能有效提高信息的可读性和美观性。 LayUI Table的单元格合并功能，主要是通过`parseData`方法和自定义模板来实现的。当...
9. rowspan属性用于合并单元格，指定单元格向下打通的行数。 10. JSP的编译指令标记通常包括Page指令、Include指令和Taglib指令，用于指定jsp页面的编译选项、包含其他jsp文件和使用标签库。 11. JSP动作指令标记...
标题中的"jsp使用poi生成有格式的excel"指的是使用Java Server Pages (JSP) 技术，结合Apache POI库来创建带有特定格式（如样式、合并单元格、打印设置等）的Excel文件。Apache POI是Apache软件基金会的一个开源项目...
Thymeleaf是一个强大的模板引擎，它在Spring MVC等框架中广泛使用，可以用来替代传统的JSP技术。Thymeleaf允许开发者使用自然语言般的HTML模板来动态渲染内容，使得前端代码更加清晰、易于理解和维护。 在本例中，...
11. HTML表格单元格合并：`rowspan`属性用于合并单元格，指定单元格跨过的行数。 12. JSP指令：JSP的编译指令包括`<@page>`、`<@include>`和`<@taglib>`，它们分别用于设置页面范围的属性、包含其他文件和引入...
结合标题和`util.js`，我们可以猜测`wysbHpsp_product.jsp`可能是在网页上展示表格数据，并且利用`util.js`中的JavaScript函数来处理和合并这些数据。JSP文件通常包含了HTML、CSS以及嵌入的Java代码，用于控制服务器...
本文将详细阐述如何从Excel文件中读取数据并将其导入到数据库中，重点处理合并单元格和超过4000字符的数据列。 首先，我们需要理解Excel是常用的数据存储和处理工具，而数据库如MySQL、SQL Server、Oracle等则用于...
这是一个课程表 用到了 居中 合并单元格 图片 音乐 可以自己添加
当然，实际项目可能需要处理更复杂的需求，如动态生成列、合并单元格、样式设置等，这需要进一步学习和理解Apache POI的API。同时，也可以考虑使用其他库，如OpenCSV或JExcelAPI，它们也提供了导出Excel的功能。
在实际开发中，`test.jsp`可能是一个示例页面，展示了如何在Java环境中集成和使用Flexigrid。`flexigrid-1.1`则是Flexigrid插件的版本文件，包含了必要的CSS样式表、JavaScript文件和可能的示例脚本，用于在网页中...