How do scroll the grid so that the selected row is at the bottom of the displayed list?

[Andrei]

Hey Team!
I use a grid. I will describe a simplified example of my task. 
If you scroll up the grid and press button 20, scrollIntoView will scroll through the grid so that the row under index 20 will be at the top of the visible grid list. This behavior is expected. But if I scroll to the bottom of the grid and press button 20, I need the row under index 20 to be at the bottom of the displayed list. How to achieve this behavior?

https://stackblitz.com/edit/react-mcskf5cg?file=app%2Fapp.tsx

Thanks!

[Filip]

Hello, Andrei,

While currently the Grid does not expose a mechanism for aligning a row at the bottom of the Grid viewport, you achieve this by manually settings the scroll positions. I have prepared a runnable example which showcases one possible approach:

• https://stackblitz.com/edit/react-mcskf5cg-hdvrywdg?file=app%2Fapp.tsx

Please give this approach a try and let me know in case this is still not what you are looking for and I will gladly assist further in achieving the desired functionality.

Regards,
Filip
Progress Telerik