报表一对多,动态显示 _Web前端

表格一对多,动态显示

今天一大早就看到一个朋友向我求助，如何实现那样一种显示方式，我看了一下，觉得这不全是技术上的问题，而是思路的问题，给他做了个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>

最后给他实现的效果是：