Grid child navigation by keyboard

[Adam]

Dear Telerik,

 

There is a hierarchial grid. The 'child grid' is too long so I need to scroll horizontally if I want to see any table column.

So my problem is when I use the keyboard navigation by arrows the automatic scrolling doesen't work. If I don't scroll horizontally I can't see the next column.

If I use the main table the same way by arrows, the automatic scrolling is working. How could this work on 'child table' too?

I'm waiting for your answer.

 

Your's sincereley,

Adam Lantos

[Silviya Stoyanova]

Hello, Adam,

To enable the horizontal scrolling the width of the grids should be smaller than the total sizes of their columns.
For keyboard navigation, you need to set the navigatable property of the Grid to true.

More details about the keyboard support of Kendo UI Widgets you could find in the following demo: https://demos.telerik.com/kendo-ui/grid/keyboard-navigation

I have also prepared a dojo example for better illustration, which you could modify in case I misunderstood the reported issue.

Kind Regards, Silviya Stoyanova Progress Telerik

[Adam]

Hello, Silviya,

Your example is prefect! In your example, you can see that if you click on one of the cells in the children's board and start navigate with a keyboard to right, then it does not scroll horizontally automatically. In contrast, when navigating through cells in the parent table, this works!

 

 

 

 

[Silviya Stoyanova]

Hello Adam,

Thanks for the clarification. I saw what you mean. 

The reason for such behavior is that in the example that I have previously sent the child grid's width is bigger than its parent. That means some columns of the nested grid stay in the invisible area of the parent grid.

To solve this issue there are two options:
     1. If a width property is defined for the parent and for children grids  -  remove the parent's width.

      or

     2. You could add to the nested grid a width property equal to or smaller than the parent grid's width. 

And here is the modified example:  http://dojo.telerik.com/ejUduxOm/12

Let me know how the above suggestions work for you.

Kind Regards, Silviya Stoyanova Progress Telerik