Question

在我的页面中，我第一次只会显示36条中的10条记录，如果查看者点击下一步按钮则会显示36条中的下10条记录。

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

我不知道如何在更改时计算表格行（这意味着当我们点击下一个按钮时，它应该说“显示36条记录中的10到20条”。

我的输出：

enter image description here

预期输出：

enter image description here

点击下一个按钮后： enter image description here

示例代码：

<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>

Answer 1

您可以使用datatables，它可以满足您的所有查询，还有更多额外内容。

或者使用jquery，

var row = $('#myTable tr').length;

Answer 2

解决方案很简单，但你必须做一些工作。

将高度固定为10个记录高度。
现在将所有36条记录附加到其中并使“溢出：隐藏”这将锁定您显示超过10条记录。
现在提供了一个按钮来查看更多记录，当用户点击它时会产生scrollTop（100），这将向下移动100 px如果你想向上移动只需给-100但是代替100提供高度

我百分百肯定这个技巧会解决你的问题，因为3天前我做了同样的事情哈哈....所以尽情享受，谢谢。：）

html页面中的表行数

2 个答案: