合并web表格中上下行显示相同内容的项
初始时数据显示为：
原始图.jpg
对“国家”项进行验证合并，并隔行显示不同颜色
结果图.jpg
代码实现：
<tr>
<%
int chooseColor=0; //控制相邻的不同“国家”项，输出的背景颜色不同
int contentSameNum=0; //控制列合并的数目，并控制其他项的输出位置
for (int i = 0; i < dataList.size(); i++) {
Map<?, ?> thisMap = (Map<?, ?>) dataList.get(i);
//合并“国家”单元格
if(contentSameNum==0){
chooseColor+=1;
for(int j=i;j<dataList.size();j++){
if(j!=(dataList.size()-1)){
if((dataList.get(j).get("国家")).equals(dataList.get(j+1).get("国家"))){
contentSameNum+=1;
}else{
%>
<td rowspan="<%=(contentSameNum+1)%>" bgcolor="<%=(chooseColor%2==0?"#ECF5FF":"#ffffff") %>">
<%=thisMap.get("国家") == null ? "": thisMap.get("国家")%></td>
<%
break;
}
}else{
%>
<td rowspan="<%=(contentSameNum+1)%>" bgcolor="<%=(chooseColor%2==0?"#ECF5FF":"#ffffff") %>">
<%=thisMap.get("国家") == null ? "": thisMap.get("国家")%></td>
<%
}
}
}else{
contentSameNum--;
}
<td align="left" bgcolor="<%=(chooseColor%2==0?"#ECF5FF":"#ffffff") %>">
<%=thisMap.get("数据2") == null ? "": thisMap.get("数据2")%></td>
<td align=center bgcolor="<%=(chooseColor%2==0?"#ECF5FF":"#ffffff") %>" >
<%=thisMap.get("数据3") == null ? "": thisMap.get("数据3")%></td>
</tr>
三目运算符
bgcolor="<%=(chooseColor%2==0?"#ECF5FF":"#ffffff") %>"
//当chooseColor为偶数时，返回：bgcolor="#ECF5FF";为奇数时，返回：bgcolor="#ffffff"