I have a grid with the navigatable option set to true. Some of the columns in the grid have editable set to false. When I tab through the columns, I would expect that when I come to a non-editable column the column should be skipped and go to the next editable column. This is not what happens. When I reach a non-editable column I have to hit 'tab' multiple times to get to the next editable column.
Is there a way around this?
I have also noticed that if I click on a cell to edit, and it is not the first column in the row, if I hit 'tab' the focus goes back to the first column in the row. I would expect that if I click on a cell to edit and then hit 'tab' it would always move to the next column, regardless of whether or not there are columns before my original edited cell.
Thanks!
Is there a way around this?
I have also noticed that if I click on a cell to edit, and it is not the first column in the row, if I hit 'tab' the focus goes back to the first column in the row. I would expect that if I click on a cell to edit and then hit 'tab' it would always move to the next column, regardless of whether or not there are columns before my original edited cell.
Thanks!
3 Answers, 1 is accepted
0
Hi Stephen,
By design when the Grid navigatable property is set to true the navigation occurs at a cell level regardless of the cell is editable or not. That is the cause not to skip the non-editable cells in your grid.
Kind regards,
Iliana Nikolova
the Telerik team
By design when the Grid navigatable property is set to true the navigation occurs at a cell level regardless of the cell is editable or not. That is the cause not to skip the non-editable cells in your grid.
Regarding the other issue you have observed - I am not able to reproduce it locally. Could you please send a simple test project which reproduces the depicted issue? Thus I will be able to observe the problem and advice you further.
Kind regards,
Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Ryan
Top achievements
Rank 1
Rank 1
answered on 15 Jan 2017, 05:52 AM
Hi,do you have any tips as to how we might workaround the navigation design of kendo grid and have a limited range of columns that can be navigated too when pressing tab on the keyboard.
0
Hello Ryan,
In general we do not recommend overriding/modifying the keyboard navigation functionality of the Kendo UI Grid. However there are some workarounds to achieve similar behavior. For example you can take a look at the Skip read only fields when using keyboard navigation on navigatable grid in batch edit mode forum thread.
Regards,Boyan Dimitrov
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which
deliver the business app essential building blocks - a grid component,
data visualization (charts) and form elements.