如何在JSP中很好地分表

Question

我已经创建了一个表，用于显示某个部门要注销/签入的图书。排序方式有:姓名、日期。每隔一段时间(在一些检入和检出之后)，会对图书进行清点，以确认有多少可用(并根据数量进行更正)。

我目前有一个表，其中显示了按名称、日期排序的所有图书。但由于有许多行，我希望基于这种类型的书被编目的时间有可折叠的部分。

所需：

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作为表中不同折叠部分的列表传递？

Answer 1

我上面的评论没有回答你的问题，但这里有一个关于如何做到这一点的教程http://www.a2ztechguide.com/2011/07/javascript-expand-collapse-table-rows.html。

我很久以前就用数据库这样做了，现在我们使用xml并显示我们所需要的内容，这并不有趣。

上面的链接做了很好的工作，并解释了如何使用javascript进行展开和折叠。上面的代码在正确的轨道上，但还不完全正确。

Answer 2

我建议你为客户使用广泛可用的基于JS的表格/网格解决方案。

http://www.omnisdata.com/omnigrid/

http://dhtmlx.com/docs/products/dhtmlxGrid/index.shtml

我个人使用过Omnigrid，我发现花几个小时来想出一种能适应未来需求和当前趋势的东西是值得的。

Answer 3

看看Bootstrap，它有一些真正的史诗般的功能，特别是在表格方面。

http://twitter.github.com/bootstrap/