We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to scroll the Grid Scroller programmatically

This Knowledge base explains how to scroll the Grid scroller programmatically.

Solution:

We can achieve this by using getScrollObject method of ejGrid and scrollY method of ejScroller. The getScrollObject method returns the instance of the scroller object.

In scrollY method we need to pass the integer value to move the scroller.  In the below given solution we have moved the grid scroller to the end of the Grid based on the length of the current view data and row height.

 

1.Render the Grid control.

HTML

JavaScript

MVC

C#

 

ASPX

 

C#

 

ASP.NET CORE

 

C#

 

Angular

HTML

 

TS

 

2. In a button click event we have obtained the instance of grid scroller using getScrollObject method. Then we have moved the scroller to the end of the Grid using scrollY method based on the values of row height and current view data length.

JS

 

Result:

 

Figure 1.Before moving the scroller

 

Figure 2.After moving the scroller

Article ID: Published Date: Last Revised Date: Platform: Control:
9202 08/23/2018 08/23/2018 ASP.NET Core Grid
Did you find this information helpful?
Add Comment
You must log in to leave a comment

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon