When we use AfterInit hook , Arrow keys are skipping rows/not working properly

Tags: #<Tag:0x00007fc67a8474a0>

Please refer below topic which had resolved our intention but now facing another issue which is related to arrow keys.If we use afterinit hook then Arrow keys are not functioning properly .When i click on arrow keys it is skipping rows.for ex if I am at row 1 and press down key its going to row no 4.tried but could not find resolution.Please suggest.

Hi @mhatremayur40

Could you record your use case?

When I click the arrow in the first row (in Color column) and navigate by arrow key everything works properly. When I close the editor I’m moving to the next row.

I operate on this demo - https://jsfiddle.net/r6u872zx/

Hi @piotr.nowak , Thanks for above fiddle.The arrow keys are working properly but if if i use
afterInit hook the whole grid gets freezes. I wanted to freeze/disable second column(Car) only if Checkbox Available is Checked.Can you advise.

I am working on below demo fiddle

https://jsfiddle.net/hfnbyqtp/20/

Hi @mhatremayur40

@piotr.nowak is ooo but I will review the demo and come back to you tomorrow with some feedback.

Thanks @aleksandra_budnik

I’ve tested the demo above on macOS Catalina 10.15.3 and latest Chrome and it seems to work well (table does not freeze).

issue

I wanted to freeze/disable second column(Car) only if Checkbox Available is Checked.

By ‘freeze’ do you mean the readOnly state for a given cell? Cause it seems to work this way.

Yes @aleksandra_budnik ,by freeze I mean to say readOnly and thanks for feedback.

As you said its working in Google chrome. Dont know why table freeze when i tried in JSfiddle.

You can close the topic.Thanks.

Dont know why table freeze when i tried in JSfiddle.

It might have been a fiddle issue, but I’m glad it works now. Feel free to open a new issue when needed.