`
liangjian103
  • 浏览: 172946 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

表格一对多,动态显示

阅读更多

今天一大早就看到一个朋友向我求助,如何实现那样一种显示方式,我看了一下,觉得这不全是技术上的问题,而是思路的问题,给他做了个Demo,也留给自己以后有这样的需求的时候方便查阅吧。

他的问题是这样的:

我的实现方式是:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!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/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表格一对多</title>
</head>

<body>
<table width="100%" border="1" cellspacing="0" cellpadding="1">

<% 
//模拟数据 
List<Map<String,List>> rs = new ArrayList<Map<String,List>>();
List mc = new ArrayList();
mc.add("名称1");
mc.add("名称2");
mc.add("名称3");
List mc2 = new ArrayList();
mc2.add("名称1");
mc2.add("名称2");
Map m = new HashMap();
m.put("北京",mc);
m.put("上海",mc2);
rs.add(m);

for(Map<String,List> map:rs){
Set<Map.Entry<String, List>> set = map.entrySet();
        for (Iterator<Map.Entry<String, List>> it = set.iterator(); it.hasNext();) {
            Map.Entry<String, List> entry = (Map.Entry<String, List>) it.next();
            System.out.println(entry.getKey() + "--->" + entry.getValue());
            List vlist = (List)entry.getValue();
%>  
  <tr>
    <td rowspan="<%=vlist.size()+1%>"><%=entry.getKey()%></td>

  </tr>
  <% for(int i=0;i<vlist.size();i++){ %>
  <tr>
    <td><%=vlist.get(i)%></td>
  </tr>
  <%}%>
<% 
	}
} %>  
</table>
</body>
</html>

 

最后给他实现的效果是:

 

分享到:
评论

相关推荐

    layui 表格操作列按钮动态显示的实现方法

    今天小编就为大家分享一篇layui 表格操作列按钮动态显示的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    可自由移动的查询结果(动态显示) C#版

    前者和后者是一对多关系 column_sort字段 是用于表示同一课程的课程栏目的编号。用于控制课程栏目的显示顺序,主要是通过改变column_sort字段来改变可能栏目的显示顺序。用的是顺序表的思想。移动一个节点,如果由...

    自动缩放数据表格

    同时,控件还可重定义表格标题内容,特别适合连接到动态数据源的数据表格。 1.控件属性: About 版权窗口 AutoSize 是否允许表格自动缩放 AddAll 将当前连接表格的所有字段增加到Titles中 MinFixed 缩放...

    超强Excel文件恢复软件(ExcelRebuild表格文件恢复) V2.0

    表格文件碎片是这样形成的:EXCEL文件一般是经常编辑修改的一个表格文件,因为文件长度经常动态变化,文件系统会动态分配磁盘空间来存放文件内容,久而久之这个文件就被分成多个小部分分开存放在磁盘中各个不连续的...

    VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解

    主要介绍了VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    基于JavaScript实现表格隔行换色

    我们商品分类的信息太多,如果每一行都显示同一个颜色的话会让人看的眼花,为了提高用户体验,减少用户看错的情况,需要对表格进行隔行换色 技术分析 table对象 集合 cells[]:返回包含表格中所有单元格的一个数组...

    TableLayout 动态加载图片 动态行列数

    动态生成表格布局 随机读取PICTURE DIR下的图片显示在布局中 如果读取的不是图片 则读取res drawable hdpi的ic launcher png 难点: 1 对图片进行采样(即缩读取到内存的图片分辨率) 防止OutOfMemory 缺点:...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    5.14.htm 利用一个函数来显示对登录用户的问候 5.15.htm 定义了一个求阶乘的函数 5.16.htm JavaScript实现阶乘函数 5.17.htm 全局变量和局部变量的区别 5.18.htm 变量实例 ...

    elementUI 动态生成几行几列的方法示例

    主要介绍了elementUI 动态生成几行几列的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    Excel2007图表完全剖析 3/8

    11.4.5 使用“表格列表”图示显示公司的部门 270 11.4.6 调整维恩图来显示关系 271 11.4.7 理解“标记的层次结构”图 272 11.4.8 使用其他SmartArt布局 273 11.5 使用形状显示单元格内容 273 11.5.1 处理...

    易语言模块914个

    动态显示窗口.ec 动态类名.ec 动态调整分辩率.ec 动态调用DLL函数.ec 动感图标菜单.ec 动画窗体1.3.ec 十六进制转十进制模块 .ec 十进制转化为十六进制5.ec 压缩加密文件夹.ec 压缩文件夹.ec 双功能自动...

    400个DreamWeaver插件

    mxp/80多个国家的一个下拉菜单,在某些时候的确挺方便的 mxp/检查当前文件的兼容性和可能包含的错误,并会给出详细的检测报告 mxp/在代码编辑框中选择一段脚本代码,然后使用这个插件,可以把这些代码放到一个单独的...

    ASP_JavaScript打印

    绘制自定义表格需要更多的时间与经历,可以完成许多复杂的表格信息。对于Visual Studio环境下的各种表格控件信息是为了加快应用程序的开发时间与效率,对Visual Studio环境下各种表格控件信息进行快速的打印预览,...

    WebWebPrintPreview打印实例

    绘制自定义表格需要更多的时间与经历,可以完成许多复杂的表格信息。对于Visual Studio环境下的各种表格控件信息是为了加快应用程序的开发时间与效率,对Visual Studio环境下各种表格控件信息进行快速的打印预览,...

    WinWebPrintPreview打印

    绘制自定义表格需要更多的时间与经历,可以完成许多复杂的表格信息。对于Visual Studio环境下的各种表格控件信息是为了加快应用程序的开发时间与效率,对Visual Studio环境下各种表格控件信息进行快速的打印预览,...

    pyqt5 tablewidget 利用线程动态刷新数据的方法

    今天小编就为大家分享一篇pyqt5 tablewidget 利用线程动态刷新数据的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    导入excel,处理合并表头、复杂表头、多行表头

    2.导入时,显示请稍后。。。提醒框,完毕后会自动隐藏 3.全面扫描Excel数据,将所有异常详细信息写入Excel,返回客户端,提供用户下载。方便修正错误数据。 4.支持大批量数据导入,经本人测试,3千条数据,只需短短2-...

    GenerateDynamicCustomForm:您可以在几分钟内生成一个动态表单视图以进行注册,添加一条记录。 创建表格非常容易

    您可以在几分钟内生成一个动态表单视图以进行注册,添加一条记录。 创建表单非常容易。 表中的内容 :- 描述 在此表单中,有各种文本字段,例如“用户名”,“电子邮件”,“密码”等。它也具有验证,如果验证通过...

    处理机调度算法的实现GUI界面_JAVA版

    设计目的:在多道程序和多任务系统中,系统内同时处于就绪状态的进程可能有若干个。 也就是说能运行的进程数大于处理机个数。为了使系统中的进程能...周转时间,显示界面可参考书本的例子以表格形式但可不要表格线。

Global site tag (gtag.js) - Google Analytics