直接上代码：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@include file="/commons/include/html_doctype.html" %>

<html>

<head>

<title>补贴项目属性管理</title>

<%@include file="/commons/include/get.jsp" %>

<script type="text/javascript">

    function fixRowspan() {

        var tb = document.getElementById("projectPropertyItem");

        var row_span_num = 1;

        var first_row_title = "";

        var first_row_obj = null;

        for ( var i = 1; i < tb.rows.length; i++) {

            var first_new_row_title = tb.rows[i].cells[0].innerHTML;

            if (first_row_title != "" && first_row_title == first_new_row_title) {

                tb.rows[i].deleteCell(0);

                row_span_num++;

                first_row_obj.setAttribute("rowSpan", row_span_num);

                first_row_obj.innerHTML = first_row_title.replace("/", "<br/>");

            } else {

                if (first_row_title != "") {

                    first_row_obj.setAttribute("rowSpan", row_span_num);

                    first_row_obj.innerHTML = first_row_title.replace("/", "<br/>");

                    row_span_num = 1;

                }

                first_row_obj = tb.rows[i].cells[0];

                first_row_title = first_new_row_title;

            }

        }  

    }

</script>

</head>

<body onload="fixRowspan()">

	<div class="panel">

		<div class="panel-top">

			<div class="tbar-title">

				<span class="tbar-label">补贴项目属性管理列表</span>

			</div>

			<div class="panel-toolbar">

				<div class="toolBar">

					<div class="group"><a class="link search" id="btnSearch"><span></span>查询</a></div>

					<div class="l-bar-separator"></div>

				</div>

			</div>

			<div class="panel-search">

				<form id="searchForm" method="post" action="list.ht">

					<div class="row">

						<span class="label">补贴项目:</span><!-- <input type="text" name="Q_projectId_SL"  class="inputText" /> -->

						<select name="Q_projectId_S" style="width:20% !important;" class="inputText">

							<option value="">---请选择---</option>

							<c:forEach items="${projectList }" var="project">

							<option value="${project.id }" <c:if test="${param.Q_projectId_S eq  project.id}">selected="selected"</c:if>>${project.projectName }</option>

							</c:forEach>

						</select>

					</div>

				</form>

			</div>

		</div>

		<div class="panel-body">

		    <display:table name="projectPropertyList" id="projectPropertyItem" requestURI="list.ht" sort="external" cellpadding="1" cellspacing="1" class="table-grid">

				<display:column property="projectName" title="项目名称" style="text-align:center;" sortName="PROJECT_NAME">

				</display:column>

				<display:column property="propName" title="属性名称" sortName="PROP_NAME" style="text-align:center;" ></display:column>

				<display:column title="数据类型" style="text-align:center;" sortName="DATA_TYPE">

					<c:forEach items="${Dictionary.DATA_TYPE }" var="item">

						<c:if test="${projectPropertyItem.dataType eq item.itemValue }" >${item.itemName }</c:if>

					</c:forEach>

				</display:column>

				<display:column title="属性类型" style="text-align:center;" sortName="PROP_TYPE">

					<c:forEach items="${Dictionary.PROPERTY_TYPE}" var="item">

						<c:if test="${projectPropertyItem.propType eq item.itemValue }">${item.itemName }</c:if>

					</c:forEach>

				</display:column>

				<display:column title="计算单位" style="text-align:center;" sortName="COUNT_UNIT">

					<c:forEach items="${Dictionary.COMPUTING_UNIT}" var="item">

						<c:if test="${projectPropertyItem.countUnit eq item.itemValue }">${item.itemName }</c:if>

					</c:forEach>

				</display:column>

				<display:column property="createUserName" title="创建人" style="text-align:center;" sortName="CREATE_BY"></display:column>

				<display:column  title="创建时间" style="text-align:center;" sortName="CREATE_TIME">

					<fmt:formatDate value="${projectPropertyItem.createTime}" pattern="yyyy-MM-dd"/>

				</display:column>

				<display:column title="管理" media="html">

					<c:if test="${project.state eq 'NOT_FINISH'}">

						<a href="del.ht?id=${projectPropertyItem.id}" class="link del">删除</a>

						<a href="edit.ht?id=${projectPropertyItem.id}" class="link edit">编辑</a>

					</c:if>

					<a href="get.ht?id=${projectPropertyItem.id}" class="link detail">明细</a>

				</display:column>

			</display:table>

			<ksource:paging tableId="projectPropertyItem"/>

		</div><!-- end of panel-body -->

	</div> <!-- end of panel -->

</body>

</html>

效果图：

display:table表格合并单元格的更多相关文章

  1. jquery操作表格 合并单元格

    jquery操作table,合并单元格,合并相同的行 合并的方法 $("#tableid").mergeCell({ cols:[X,X] ///参数为要合并的列}) /** * ...

  2. 使用POI创建word表格合并单元格兼容wps

    poi创建word表格合并单元格代码如下: /** * @Description: 跨列合并 */ public void mergeCellsHorizontal(XWPFTable table, ...

  3. js 表格合并单元格

    5列  根据需要可添加 或 删除 strOneTemp  strTwoTemp  strThreeTemp  strFourTemp  strFiveTemp //合并单元格  this.mergeC ...

  4. react antd Table动态合并单元格

    示例数据 原始数组 const data = [ { key: '0', name: 'John Brown', age:22, address: 'New York No. 1 Lake Park' ...

  5. react ，ant Design UI中table组件合并单元格并展开详情的问题

    需求:购物车订单列表,如图: 一:单元格合并 遇到这种你会怎么办呢?  单元格合并?  还是其他的方法? 下面是我的处理方式,就是在table 组件的columns上处理,这里拿商品举例,其余的类似, ...

  6. elementUI表格合并单元格

    相信你肯定看了 ElementUI 官方文档了,没看的话先去看下表格各个属性的意义,方便下文阅读:传送门 但你会发现此例过于简单,死数据,但我们开发的时候往往都是后台传递过来的数据,导致我们 rows ...

  7. 设置table表格的单元格间距两种方式

    table表格里设置单元格td之间的间距,通常用cellspacing设置单元格间距,有时候该属性可能无效,或需要用其他方式时,可用其他方式实现,例如在背景是白色背景的时候,设置单元格td的borde ...

  8. JS获取table表格任意单元格值

    jsp页面表格布局 <body onload="show()"> <center> <input type="text" valu ...

  9. css table之合并单元格

    colspan 是合并列,rowspan是合并行,合并行的时候,比如rowspan="2",它的下一行tr会少一列:合并列的时候 colspan="2",此行的 ...

随机推荐

  1. JUnit test case 执行顺序

    转自:JUnit中按照顺序执行测试方式 很多情况下,写了一堆的test case,希望某一些test case必须在某个test case之后执行.比如,测试某一个Dao代码,希望添加的case在最前 ...

  2. DD应用实例

    1.将本地的/dev/hdb整盘备份到/dev/hdd dd if=/dev/hdb of=/dev/hdd2.将/dev/hdb全盘数据备份到指定路径的image文件dd if=/dev/hdb o ...

  3. Java 泛型 泛型数组

    Java 泛型 泛型数组 @author ixenos 先给结论 不能(直接)创建泛型数组 泛型数组实际的运行时对象数组只能是原始类型( T[]为Object[],Pair<T>[]为Pa ...

  4. hdu_5898_odd-even number(数位DP)

    题目链接:hdu_5898_odd-even number 题意: 给你一个区间,问你这个区间中满足连续的偶数的位数为奇数,连续的奇数的位数是偶数的个数 题解: 设dp[i][j][k][l]为考虑当 ...

  5. Django中的ORM

    Django中ORM的使用. 一.安装python连接mysql的模块:MySQL-python sudo pip install MySQL-python 安装完成后在python-shell中测试 ...

  6. gcc-config: Active gcc profile is invalid解决办法

    错误描述 Gentoo软件安装错误,提示: gcc-config: Active gcc profile is invalid 解决方法: 列出可用的profile gcc-config -l gcc ...

  7. chapter8_1 编译执行和错误

    1.编译 前面介绍的,dofile是一个运行lua代码块的基本操作,实际上它是一个辅助函数. loadfile才真正做了核心的工作.dofile(打开文件,执行里面的代码块)和loadfile(从文件 ...

  8. Linux下好用的简单实用命令

    1.你是否为在输入了一大串命令之后发现第一个字符打错了而苦恼?只能删除重来嘛?或者一步步左移光标? NO,一个组合键轻松搞定 Ctrl+A -----到命令行首 Ctrl+E ------到命令行末 ...

  9. css实现多行超出显示省略号？

    可以实现,但是用的是-webkit-私有属性.我用js已经解决了.代码如下:text-overflow: -o-ellipsis-lastline;overflow: hidden;text-over ...

  10. linux zeromq

    本人在centos下安装zeromq 1.下载最新版的zeromq http://download.zeromq.org/ 2 解压 tar -xvf zeromq-3.1.0-beta.tar.gz ...