html页面中的表格行数答案

【问题标题】：Table row count in html pagehtml页面中的表格行数
【发布时间】：2018-08-17 18:35:21
【问题描述】：

在我的页面中，第一次我将只显示 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>

【问题讨论】：

您正在使用 javascript 生成此 html 不是吗？？
是的，我正在使用 javascript
请告诉我们你做了什么？？

标签： javascript jquery css html-table

【解决方案1】：

您可以使用datatables，它会满足您的所有查询，并且还有更多附加功能。

或者使用jquery，

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

【讨论】：

【解决方案2】：

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

将高度固定为 10 条记录的高度。
现在将所有 36 条记录附加到其中并设置“overflow:hidden”，这将阻止您显示超过 10 条记录。
现在提供一个按钮来查看更多记录，当用户单击它时会显示 scrollTop(100) ，这将向下移动 100 像素，如果您想向上移动，只需给出 -100 但代替 100 提供高度

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

【讨论】：