Spring 게시판 세로로 출력하고 다음 단으로 넘기기

SEQ	MEM_NAME	BOARD_SUBJECT
${board.seq}(${status.index % 3 })	${board.memName}	${board.boardSubject}	${board.seq}(${status.index % 3 })	${board.memName}	${board.boardSubject}	${board.seq}(${status.index % 3 })	${board.memName}	${board.boardSubject}

<table>
		<tr>
			<c:forEach begin="1" end="3">
				<td>SEQ</td>
				<td>MEM_NAME</td>
				<td>BOARD_SUBJECT</td>
			</c:forEach>
		</tr>
		<c:forEach items="${listex}" var="board" varStatus="status">
			<c:if test="${status.index % 3 eq 0}">
				<tr>
					<td>${board.seq}(${status.index % 3  })</td>
					<td>${board.memName}</td>
					<td onclick='location.href="detail?seq=${board.seq}"'
						style="width: inherit; text-decoration: none; cursor: pointer; color: black;">${board.boardSubject}</td>
			</c:if>
			<c:if test="${status.index % 3 eq 1}">
				<td>${board.seq}(${status.index % 3  })</td>
				<td>${board.memName}</td>
				<td onclick='location.href="detail?seq=${board.seq}"'
					style="width: inherit; text-decoration: none; cursor: pointer; color: black;">${board.boardSubject}</td>
			</c:if>
			<c:if test="${status.index % 3 eq 2}">
				<td>${board.seq}(${status.index % 3  })</td>
				<td>${board.memName}</td>
				<td onclick='location.href="detail?seq=${board.seq}"'
					style="width: inherit; text-decoration: none; cursor: pointer; color: black;">${board.boardSubject}</td>
				</tr>
			</c:if>
		</c:forEach>
	</table>

 

이러면 데이터를 가로로 3개씩 순서대로 뿌린다..

 

SEQ	MEM_NAME	BOARD_SUBJECT
${listex[index].seq}(${status.index % 3 })	${listex[index].memName}	${listex[index].boardSubject}

	<table>
		<tr>
			<c:forEach begin="0" end="2">
				<td>SEQ</td>
				<td>MEM_NAME</td>
				<td>BOARD_SUBJECT</td>
			</c:forEach>
		</tr>
		<tr>
			<c:forEach var="j" begin="0" end="9" varStatus="status">
				<c:forEach var="i" begin="0" end="2">
					<c:set var="index" value="${i * 10 + j}" />
					<td>${listex[index].seq}(${status.index % 3  })</td>
					<td>${listex[index].memName}</td>
					<td onclick='location.href="detail?seq=${listex[index].seq}"'
						style="width: inherit; text-decoration: none; cursor: pointer;">${listex[index].boardSubject}</td>
				</c:forEach>
				<c:if test="${j lt 9}">
		</tr>
		<tr>
			</c:if>
			</c:forEach>
		</tr>
	</table>

이렇게 하면 세로로 10개씩 뿌리고 넘어가면 오른쪽으로 다시 10개씩 뿌린다.

	<table>
		<tr>
			<c:forEach begin="0" end="2">
				<td>SEQ</td>
				<td>MEM_NAME</td>
				<td>BOARD_SUBJECT</td>
			</c:forEach>
		</tr>
		<c:forEach var="j" begin="0" end="9" varStatus="status">
			<tr>
				<c:forEach var="i" begin="0" end="2">
					<c:set var="index" value="${i * 10 + j}" />
					<td>${listex[index].seq}(${status.index % 3  })</td>
					<td>${listex[index].memName}</td>
					<td onclick='location.href="detail?seq=${listex[index].seq}"' style="width: inherit; text-decoration: none; cursor: pointer;">${listex[index].boardSubject}</td>
				</c:forEach>
			</tr>
		</c:forEach>
	</table>

이렇게 써도 됨