Question

I am using datatable for displaying data in the grid, everything works fine except for one issue (cosmetic issue).

When users go to end of page 1(now the scroll bar is at the end of the grid) and when they click any of the pagination buttons (next / previous / first / last), the scroll bar doesn’t go back to top instead it stays the same position where it was on the previous page. Is there a way to reset the scrollbar position?

EDIT: The scrollbar I referred here is datatable scroll bar (class:dataTables_scrollBody)

Answer 1

I figured out a way to move the scroll bar to the top of datatables. Just need to add this to fndrawcallback function.. sharing the code below…..

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