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. Image for the cookie policy date
close icon

Viewport doesn't move to display row when cltr+end shortcut is pressed


When you press 'ctrl + end' to select the final row in the grid, the viewport does not move to display it.

As a result, it's not immediately clear that anything has taken place.

Is this something that can be fixed?


1 Reply

BM Balaji Marimuthu Syncfusion Team January 26, 2016 07:17 AM UTC

Hi Greg,

Thanks for contacting Syncfusion support.

Your requirement is achieved using the rowSelected event in Grid, which triggers after the grid row is selected. Refer to the sample and code example as below.

Sample: http://jsplayground.syncfusion.com/rqmkkvb2

Help Document: http://help.syncfusion.com/js/api/ejgrid#events:rowselected


                // the datasource "window.gridData" is referred from jsondata.min.js

                dataSource: window.gridData,

                allowScrolling: true,

                scrollSettings: { width: "100%", height: 400, scrollOneStepBy: 33 },

                rowSelected: function (args) {  //triggers when the row is selected

                    if (this.model.allowScrolling) {

                        var scrollObj = this.getScrollObject();  //get scroller object

                        if (this.selectedRowsIndexes[0] == 0)

                            scrollObj.scrollY(0, true);   //move to top

                        else if (this.selectedRowsIndexes[0] == (this.model.currentViewData.length - 1))

                            scrollObj.scrollY(scrollObj._scrollYdata.scrollable, true);    //move to bottom



Using scrollY method, we can move the scroller position to the top and bottom for display the selected rows. Refer to the Help Document.

Balaji Marimuthu

Live Chat Icon For mobile
Up arrow icon