JSP中动态合并单元格的实例代码

废话不多说了，具体代码如下所示：

<span style="font-size:14px;">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<table width="100%" border="0" cellspacing="0" cellpadding="0" >
<tr>
<th>
报表名称
</th>
</tr>
<c:set var="tempCount" value="0"></c:set><%--临时变量 --%>
<c:set var="rowspanCount" value="0"></c:set><%--记录合并列数 --%>
<c:set var="tempFrist" value="0"></c:set><%--记录合并开始位置 --%>
<c:set var="tempEnd" value="-1"></c:set><%--记录合并结束位置 --%>
<c:forEach items="${list}" var="accountConfig" varStatus="status" >
<tr>
<%--利用一个结果集List<Bean>来生成，数据过多会加重客户断负担 --%>
<c:if test="${status.index>=tempEnd}">
<c:set var="rowspanCount" value="0"></c:set><%--清楚历史数据 --%>
<c:forEach var="item2" items="${list}" varStatus="status2">
<%-- tablename指要合并的属性 --%>
<c:if test="${accountConfig.tablename==item2.tablename}">
<c:set var="tempFrist" value="${status.index }"></c:set>
<c:set var="rowspanCount" value="${rowspanCount+1 }"></c:set>
<c:set var="tempEnd" value="${tempFrist+rowspanCount }"></c:set>
</c:if>
</c:forEach>
</c:if>
<c:if test="${status.index==tempFrist}">
<td rowspan="${rowspanCount}">
<%-- tablename指要合并的属性 --%>
${accountConfig.tablename}
</td>
</c:if>
</tr>
</c:forEach>
</table>
</span>

以上所述是小编给大家介绍的JSP中动态合并单元格的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

赞 (0)

相关推荐

  • jsp利用echarts实现报表统计的实例

    jsp利用echarts实现报表统计的实例

    echarts用来做数据报表的一个展示效果了,这里我们来给各位介绍一个java/jsp利用echarts实现报表统计的例子,例子非常的简单只是把数据调出来给echarts即可了. 开始上代码. 首先是tag,这个东西,大学之后,几乎不怎么用了,没想到现在又用到了. <%@ tag pageEncoding="UTF-8" isELIgnored="false" body-content="empty"%> <%--自定义div容

  • jsp图片效果大全（图像震动效果、闪烁效果、自动切换图像）

    本文主要介绍jsp实现图像震动效果.闪烁效果.自动切换图像的资料,废话不多说了,具体代码如下: 1.当鼠标指针经过图像时图像震动效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1

  • JSP中动态合并单元格的实例代码

    废话不多说了,具体代码如下所示: <span style="font-size:14px;"> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <table width="100%" border="0" cellspacing="0" cellpadding="0&q

  • ASP.NET GridView 实现课程表显示(动态合并单元格)实现步骤

    ASP.NET GridView 实现课程表显示(动态合并单元格)实现步骤

    GridView,ASP.NET中很常用的数据显示控件,这里,我将用这个控件来实现课程表的显示.首先说说课程表的显示与普通记录的显示有何不同?这里所说的普通记录是指直接从数据库中查询出来的.没有经过任何处理的记录.通常,我们用GridView显示这些普通记录,只需直接将这些记录表绑定到GridView中即可.但是,课程表的显示可不是这么简单,它需要将普通记录继续加工,需要根据记录中具体的数据来确定数据需要显示在哪一行.哪一列,而且需要根据课程开始时间和结束时间动态合并单元格,最后才是数据的显示.

  • jquery 动态合并单元格的实现方法

    如下所示: ////在table的第二行的位置添加一行: var tbl_elm = $("#dgList"); $('<tr><td colspan=\'2\'>xxxxxx</td></tr>').insertBefore($("TR", tbl_elm).eq(1)) ////table中指定行第N列合并单元格(合并后会多出一列,删除N+1单元格即可) var tds = $("#dgList .Tab

  • vue动态合并单元格并添加小计合计功能示例

    vue动态合并单元格并添加小计合计功能示例

    1.效果图 2.后台返回数据格式(平铺式) 3.后台返回数据后,整理所需要展示的属性存储到(items)数组内 var obj = { "id": curItems[i].id, "feeName": curItems[i].feeName, "projectName": curItems[i].projectName, "projectDetailsName": curItems[i].projectDetailsName,

  • javascript动态添加单元格的脚本代码

    如何动态添加单元格!! 复制代码 代码如下: 用insertRow()和insertCell()方法 其用法如下: insertRow()  复制代码 代码如下: var newTR=TableOBJ.insertRow(N); 复制代码 代码如下: 其中N表示插入到第几行!  说明:当N=0时,插入到最上面一行!当N=-1时插入到最后一行,相当省略该参数!  insertCell() 复制代码 代码如下: var newTD=TrOBJ.insertCell(N); 其中N表示插入到第几列!

  • vue 封装自定义组件之tabal列表编辑单元格组件实例代码

    vue 封装自定义组件之tabal列表编辑单元格组件实例代码

    vue 封装自定义组件 tabal列表编辑单元格组件 <template> <div class="editable-cell"> <div class="editable-cell-input-wrapper" v-if='editable'> <el-input class="editInput" v-model="cellValue" placeholder="请输入内

  • Flex DataGrid 伪合并单元格思路及代码

    复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?> <s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx

  • 用NPOI创建Excel、合并单元格、设置单元格样式、边框的方法

    今天在做项目中,遇到使用代码生成具有一定样式的Excel,找了很多资料,最后终于解决了,Excel中格式的设置,以及单元格的合并等等.下面就介绍下,使用NPOI类库操作Excel的方法. 1.首先我们先在内存中生成一个Excel文件,代码如下:   HSSFWorkbook book = new HSSFWorkbook();        ISheet sheet = book.CreateSheet("Sheet1"); 2.然后在新创建的sheet里面,创建我们的行和列,代码如下

  • vue+el-table实现合并单元格

    vue+el-table实现合并单元格

    本文实例为大家分享了el-table实现合并单元格的具体代码,供大家参考,具体内容如下 el-table合并单元格(vue+element) - 先在el-table放入:span-method="arraySpanMethod" <el-table :header-cell-style="{background:'#eef1f6',color:'#606266'}" :data="merchantList" border :span-me

  • Python使用xlrd实现读取合并单元格

    合并单元格 操作方法: 1.使用xlrd自带属性:merged_cells # 获取表格中所有合并单元格位置,以列表形式返回 (起始行,结束行,起始列,结束列) merged = sheet.merged_cells #结果:[(1,5,0,1),(5,9,0,1)] 2.使用循环判断是合并单元格还是普通单元格,并将合并单元格中的首行值赋值给合并单元格 def get_cell_type(row_index, col_index): """既能得到合并单元格也能得到普通单元格

随机推荐