单击下一个/上一个 - 数据表时,将滚动条移动到第一行

时间:2013-01-09 19:11:22

标签: datatables

我使用datatable在网格中显示数据,除了一个问题(整容问题)外,一切正常。

当用户转到第1页的末尾(现在滚动条位于网格的末尾)并且当他们点击任何分页按钮(下一个/上一个/第一个/最后一个)时,滚动条不会出现返回顶部而不是它保持在上一页的位置。有没有办法重置滚动条位置?

编辑:我在这里提到的滚动条是datatable滚动条(类:dataTables_scrollBody)

2 个答案:

答案 0 :(得分:7)

我想出了一种将滚动条移动到数据表顶部的方法。只需要将此添加到fndrawcallback函数..共享以下代码.....

"fnDrawCallback": function(o) {
                    $('.dataTables_scrollBody').scrollTop(0);
                }

答案 1 :(得分:1)

您可以使用Javascript滚动到顶部:http://www.w3schools.com/jsref/met_win_scrollto.asp

<a onclick="window.scrollTo(0,0)">next / previous / first / last</a>

或者您可以在页面顶部创建HTML-Anchor:http://www.hypergurl.com/anchors.html

<a name="top">Put this to the top of your page</a>

<a href="#top">next / previous / first / last</a>