本人想做个课堂座位展示图功能，后台已获得每个学生的行值和列值，请问前台要怎么弄才能有座位的效果？目前采用表格foreach，可是觉得很不好，求好的方法，求教，在线等。
html做一个相同容量的表格，然后js通过一个2级循环遍历将每个同学的行值、列值与相应单元格联系起来，外层循环对应行值，内层循环对应列值，这样就能找到每个同学对应的表格的单元格，然后进行你想要的处理就可以了
html做一个相同容量的表格，然后js通过一个2级循环遍历将每个同学的行值、列值与相应单元格联系起来，外层循环对应行值，内层循环对应列值，这样就能找到每个同学对应的表格的单元格，然后进行你想要的处理就可以了
可以写下代码给我看下吗？感激不尽。我的代码是这样，感觉好麻烦
${pews[no].name} /c:if | ||
未到/c:when 请假/c:when --> /c:otherwise /c:choose /c:if /c:forEach /c:if |
<table>
<c:forEach begin="1" end="${pews.rowSum}" varStatus="r">
<tr>
<c:forEach begin="1" end="${pews.colSum}" varStatus="c">
<td> </td>
<c:forEach begin="1" end="2" varStatus="c1">
<c:set var="no" value="no-${(r.index-1)*4*2+(c.index-1)*2+c1.index}"></c:set>
<td style="width: 100px;" class="text-center">
<c:if test="${pews[no]!=null}">
<button style="width: 100px;" class="button ${pews[no].sex=='女'?'bg-dot':'bg-sub'} tips" data-toggle="click" data-place="top" data-image="${pageContext.request.contextPath}/public/image/${pews[no].sex=='女'?'girl':'boy'}.jpg">${pews[no].name}</button>
</c:if>
</td>
<td> </td>
</c:forEach>
</c:forEach>
</tr>
</table>
建议使用Table标签，然后对每个td单元格指定背景，