- HTML code
<table id="tabparent" width="100%" cellpadding="0" cellspacing="1" bgcolor="#c1ebff"> <c:if test="${!empty clist}"> <c:forEach items="${clist}" var="g" varStatus="status" step="5"> <tr style="height: 52px"> <td><div align="left"><input type="checkbox" id="${clist[status.index].name}" name="checkbox" value="${clist[status.index].name}"/><label for="${clist[status.index].name}"> ${clist[status.index].name}</label></div></td> <td><div align="left"><input type="checkbox" id="${clist[status.index+1].name}" name="checkbox" value="${clist[status.index+1].name}"/><label for="${clist[status.index+1].name}">${clist[status.index+1].name}</label></div></td> <td><div align="left"><input type="checkbox" id="${clist[status.index+2].name}" name="checkbox" value="${clist[status.index+2].name}"/><label for="${clist[status.index+2].name}">${clist[status.index+2].name}</label></div></td> <td><div align="left"><input type="checkbox" id="${clist[status.index+3].name}" name="checkbox" value="${clist[status.index+3].name}"/><label for="${clist[status.index+3].name}">${clist[status.index+3].name}</label></div></td> <td><div align="left"><input type="checkbox" id="${clist[status.index+4].name}" name="checkbox" value="${clist[status.index+4].name}"/><label for="${clist[status.index+4].name}">${clist[status.index+4].name}</label></div></td> </tr> </c:forEach> </c:if> <c:if test="${empty clist}"> <tr> <td colspan="10" height="22" align="center" class="STYLE4" onmouseover="this.bgColor = '#DEE7FF';" onmouseout="this.bgColor='#EFF3F7';">没有找到相应的记录</td> </tr> </c:if> </table>
------解决方案--------------------
you 就不知道先判断一下集合的长度除以你每行显示的个数?????或者直接判断
再或者不用td做,直接每次循环一个出来,用浮动顶checkbox的宽度,再定容器的宽度,每行显示5个 自动换行到下一行,没有5个就不显示 这个不知道是不是一种思路啊?
------解决方案--------------------
- HTML code
<table id="tabparent" width="100%" cellpadding="0" cellspacing="1" bgcolor="#c1ebff"> <c:if test="${!empty clist}"> <c:forEach items="${clist}" var="g" varStatus="status" step="5"> <!--判断${clist[status.index].name}不为空时显示就ok了--> <c:if test="${!empty clist[status.index].name}"> <tr style="height: 52px"> <td><div align="left"><input type="checkbox" id="${clist[status.index].name}" name="checkbox" value="${clist[status.index].name}"/><label for="${clist[status.index].name}"> ${clist[status.index].name}</label></div></td> <td><div align="left"><input type="checkbox" id="${clist[status.index+1].name}" name="checkbox" value="${clist[status.index+1].name}"/><label for="${clist[status.index+1].name}">${clist[status.index+1].name}</label></div></td> <td><div align="left"><input type="checkbox" id="${clist[status.index+2].name}" name="checkbox" value="${clist[status.index+2].name}"/><label for="${clist[status.index+2].name}">${clist[status.index+2].name}</label></div></td> <td><div align="left"><input type="checkbox" id="${clist[status.index+3].name}" name="checkbox" value="${clist[status.index+3].name}"/><label for="${clist[status.index+3].name}">${clist[status.index+3].name}</label></div></td> <td><div align="left"><input type="checkbox" id="${clist[status.index+4].name}" name="checkbox" value="${clist[status.index+4].name}"/><label for="${clist[status.index+4].name}">${clist[status.index+4].name}</label></div></td> </tr> </c:if> </c:forEach> </c:if> <c:if test="${empty clist}"> <tr> <td colspan="10" height="22" align="center" class="STYLE4" onmouseover="this.bgColor = '#DEE7FF';" onmouseout="this.bgColor='#EFF3F7';">没有找到相应的记录</td> </tr> </c:if> </table>