부서의 로그 아웃/아웃 테이블을 표시하기위한 테이블을 만들었습니다. 이름, 날짜가 정렬됩니다. 수시로 (일부 체크인 및 체크 아웃 이후에) 책 수를 확인하여 책 수를 확인할 수 있습니다 (그리고 수는 수정 됨).JSP로 테이블을 멋지게 분할하는 방법
현재 이름, 날짜순으로 정렬 된 모든 책을 표시하는 테이블이 있습니다. 그러나 많은 행이 있기 때문에이 유형의 책이 인벤토리 조사되었을 때 접을 수있는 섹션을 원하기를 바랬습니다.
이 원하는 :
Name | Date | Count | Action
-----------------------------
- First Foo Section -
Foo SomeD +3 check-in
Foo SomeD -1 check-out
Foo SomeD 5 inventoried
+ Another Foo Section
+ Bar Section
현재 코드 :
<c:forEach var='item' items='${bookLogs}'>
<tr>
<td>${f:replaceNewLineWithBR(f:escapeHtml(item.name))}</td>
<td><c:out value='${item.date.formattedValue}'/></td>
<td>${f:replaceNewLineWithBR(f:escapeHtml(item.count))}</td>
<td>${f:replaceNewLineWithBR(f:escapeHtml(item.actionType))}</td>
</tr>
</c:forEach>
내가 item.actionType에서 테스트를해야합니까? 아니면 테이블의 여러 접는 섹션에 대한 목록 목록으로 bookLogs를 전달해야합니까?
[http://stackoverflow.com/questions/801082/how-to-implement-collapsible-table-rows-in-javascript][1] 당신은 중복 된 질문은 당신을시키는 한 알고있다. [1] : http://stackoverflow.com/questions/801082/how-to-implement-collapsible-table-rows-in-javascript – wizage