Page up/down in grid. How can I make the selected row follow to the following/previous page

[Per Rye]

I have an angular component with a grid that is group by three properties.
It is much like this basic kendo grouping example.

If I expand some groups and use page down. Then when i use arrow up/down fokus is still where i pressed page down.

The grid should set fokus on the next page when i press page down. This seem like a simple feature but I havent found a good simple way of doing this.

[Martin Bechev]

Hello Per Rye,

The Page Down key scrolls the Grid, while the Arrow keys navigate between cells by changing the currently focused cell. Page Down is not intended to change the focused cell. This is why the Grid appears to jump when you use Page Down followed by an Arrow key—the Grid attempts to bring the currently focused element into view.

You can avoid this behavior by manually focusing a cell using any of the following built-in methods of the Grid when Page Down is clicked.

• focus()
• focusCell(rowIndex, cellIndex)

The Page Down or Page Up keys always scrolls the Grid to the next or previous page or when virtual scrolling is used scrolls down or up with the number of visible items. This lets you predict what parameres you can pass to the Grid methods to focus the correct cells.

I hope this helps.

Regards,
Martin Bechev
Progress Telerik