Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript html页面中的表行计数_Javascript_Jquery_Css_Html Table - Fatal编程技术网

Javascript html页面中的表行计数

Javascript html页面中的表行计数,javascript,jquery,css,html-table,Javascript,Jquery,Css,Html Table,在我的页面中,这是我第一次只显示36条记录中的10条,如果查看器单击“下一步”按钮,它将显示36条记录中的下10条记录 我的问题是表尾的表行数 我不知道如何在更改时计算表行数(这意味着当我们单击“下一步”按钮时,它应该显示“显示36条记录中的10到20条” 我的输出: 预期产出: 单击下一步按钮后: 示例代码: <tfoot> <c:choose> <c:when test="${empty model}">

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

没有记录
建立
显示1到
${ttlRec}条目的${stlRec}
您可以使用它,它将满足您的所有查询,并具有更多额外功能

或者使用jquery

var row = $('#myTable tr').length;
您可以使用,它将满足您的所有查询,并有更多的额外功能

或者使用jquery

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

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

  • 将高度固定为10个记录的高度
  • 现在将所有36条记录添加到其中,并设置“overflow:hidden”(溢出:隐藏),这将阻止您显示10条以上的记录
  • 现在提供一个按钮来查看更多记录,当用户单击它时,使滚动顶部(100),这将向下移动100像素,如果您想向上移动,只需给出-100,但在100的位置提供

  • 我100%相信这个技巧会解决你的问题,因为3天前我也做了同样的事情哈哈…所以享受吧,谢谢。

    解决方法非常简单,但你必须做一些工作

  • 将高度固定为10个记录的高度
  • 现在将所有36条记录添加到其中,并设置“overflow:hidden”(溢出:隐藏),这将阻止您显示10条以上的记录
  • 现在提供一个按钮来查看更多记录,当用户单击它时,使滚动顶部(100),这将向下移动100像素,如果您想向上移动,只需给出-100,但在100的位置提供

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

    您正在使用javascript生成此html,不是吗?是的,我正在使用javascript请向我们展示您已经完成的工作?您正在使用javascript生成此html,不是吗?是的,我正在使用javascript请向我们展示您已经完成的工作??