scrollTo() method

[TomKaltz]

Should be able to scroll to a certain row via an instance method. Also should be able to read the scrolling position somehow.

[orneryd]

very easy with a plugin, get the grid instance and use

grid.$viewport.scrollTop(rowIndex * grid.config.rowHeight)

or for sorted data:
grid.$viewport.scrollTop(grid.rowMap[entityIndex] * grid.config.rowHeight) //entityIndex = the index of the data in your model.

[orneryd]

we may end up just appending the grid instance to the options for easier access.

[TomKaltz]

It works with virtual scrolling too?

On Sat, Feb 23, 2013 at 2:05 AM, Tim Sweet notifications@github.com wrote:

we may end up just appending the grid instance to the options for easier
access.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/183#issuecomment-13986360.

[orneryd]

Yes

On Saturday, February 23, 2013, TomKaltz wrote:

It works with virtual scrolling too?

On Sat, Feb 23, 2013 at 2:05 AM, Tim Sweet <notifications@github.com<javascript:_e({}, 'cvml', 'notifications@github.com');>>
wrote:

we may end up just appending the grid instance to the options for easier
access.

—
Reply to this email directly or view it on GitHub<
https://github.com/angular-ui/ng-grid/issues/183#issuecomment-13986360>.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/183#issuecomment-13992217.

-Tim Sweet

[orneryd]

added in 29b3bcb

[mikila85]

has the code been changed?
i cant find $scope.gridApi.grid.$viewport
there is no viewport in grid :(

[dprothero]

Agreed. @timothyswt There doesn't seem to be an obvious or documented way to scroll the grid from code anymore.

[dprothero]

My hack/workaround for now...

gridApi.grid.element[0].getElementsByClassName("ui-grid-viewport")[1].scrollTop = 0;

[PaulL1]

I think you're mixing 2.x and 3.0. The majority of this issue relates to 2.x I think, the last one from @dprothero looks like 3.0/ui-grid code.

For @dprothero, the cellNav feature provides the scrollTo functionality, and I believe that swalters is currently in the process of moving it into core.

[dereklin]

@dprothero Did you find a better solution? I am using a similar hack:

gridApi.grid.element[0].getElementsByClassName("ui-grid-viewport")[0].scrollTop = rowIndex * 25;

For me, I want to show the selected (at rowIndex) at the top of the grid view.

[dereklin]

@dprothero The hack doesn't work after the user sorts the table.
@PaulL1 gridApi.core.scrollTo works to some degree. It will select the row, but it won't try to make the selected row the first row in the viewport...

[dereklin]

My solution is to decorate uiGridDirective and then override the scrollTo and scrollToIfNecessary methods. The key is set up the scrollEvent.y according my business rule.

[dereklin]

I was not able to get the precise landing pixel. But I spotted the usage of

visibleRowCache.indexOf

So I went back with the hack. This time, I am using something like this to get the rowIndex:

                rowIndex = gridApi.grid.renderContainers.body.visibleRowCache.indexOf(gridApi.grid.rows[rowIndex]);
                gridApi.grid.element[0].getElementsByClassName("ui-grid-viewport")[0].scrollTop = rowIndex * gridApi.grid.options.rowHeight;

[Saransh27]

rowIndex = gridApi.grid.renderContainers.body.visibleRowCache.indexOf(gridApi.grid.rows[rowIndex]);
gridApi.grid.element[0].getElementsByClassName("ui-grid-viewport")[0].scrollTop = rowIndex * gridApi.grid.options.rowHeight;

Even above code is not working for me..did anyone solve it? In My case it works for 2-3 elements but after that it scrolls to end of the grid.