Grid jumping on Row Removal

1 Answer 171 Views
Grid
Janki
Top achievements
Rank 4
Bronze
Iron
Iron
Janki asked on 21 Jul 2021, 09:08 PM

It's also happening in the Kendo demo on this page: (first example) https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-inline/

 

Scroll down to the middle of the grid, click Remove on an item, and the grid will jump up to the top when the row is removed from sight

1 Answer, 1 is accepted

Sort by
1
Accepted
Stefan
Telerik team
answered on 22 Jul 2021, 04:54 AM

Hello, Janki,

This can be resolved by setting the fixedScroll property to true:

https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-fixedscroll

Regards,
Stefan
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Janki
Top achievements
Rank 4
Bronze
Iron
Iron
commented on 22 Jul 2021, 12:40 PM | edited

Hey Stefan,
Thank you for sharing this property! It worked for me! Do you have any ideas on how to make the row flash red before it gets removed from the grid? I can achieve it through CSS but not sure how to assign a CSS class to that row just for a moment.
Stefan
Telerik team
commented on 22 Jul 2021, 01:25 PM

The row is removed from the DOM by React. Currently, the event that will be fired just before the element is removed is done almost simultaneously, so the row will be removed before the change in the color has a chance to be painted on the screen.

This could be possible in the future if React provides an API that can be used at that moment.

Janki
Top achievements
Rank 4
Bronze
Iron
Iron
commented on 22 Jul 2021, 01:28 PM

Thank you for your quick and helpful response, Stefan! That makes sense to me. I appreciate it!
Tags
Grid
Asked by
Janki
Top achievements
Rank 4
Bronze
Iron
Iron
Answers by
Stefan
Telerik team
Share this question
or