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/

如何在JSP中很好地拆分表

3 个答案: