javascript - html页面中的表格行数

Question

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

Answer 1

您可以使用 datatables ，它将满足您的所有查询，并且还有更多额外功能。

或者使用jquery，

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