1

在我的页面中,第一次我将只显示 36 条记录中的 10 条记录,如果查看器单击下一步按钮,它将显示 36 条记录中的下 10 条记录。

我的问题是表格页脚上的表格行数

我不知道如何计算更改时的表行数(这意味着当我们单击下一步按钮时,它应该显示“显示 36 条记录中的 10 到 20 条”。

我的输出:

在此处输入图像描述

预期产出

在此处输入图像描述

单击下一步按钮后: 在此处输入图像描述

示例代码:

<tfoot>
    <c:choose>
        <c:when test="${empty model}">
            <tr>
                <td align="left" colspan="11" style="color: orange; font-size: 12pt;">No records
                    found!</td>
            </tr>
        </c:when>
        <c:otherwise>
            <tr>
                <td align="left" colspan="11" style="color: orange; font-size: 10pt;">Showing 1 to
                    ${stlRec} of ${ttlRec} entries
            </tr>
        </c:otherwise>
    </c:choose>
</tfoot>
4

2 回答 2

3

您可以使用datatables,它将满足您的所有查询并具有更多附加功能。

或者使用jquery,

var row = $('#myTable tr').length;
于 2013-10-09T08:13:22.613 回答
2

解决方案非常简单,但您必须做一些工作。

  1. 将高度固定为您的 10 条记录高度。
  2. 现在将所有 36 条记录附加到其中并设置“溢出:隐藏”,这将锁定您显示超过 10 条记录。
  3. 现在提供一个按钮来查看更多记录,当用户点击它时会显示 scrollTop(100) ,这将向下移动 100 px,如果你想向上移动,只需给出 -100 但代替 100 提供高度

我 100% 确信这个技巧会解决你的问题,因为 3 天前我做了同样的事情哈哈....所以享受,谢谢。:)

于 2013-10-09T08:25:06.927 回答