Navigatable grid stops at non-editable cells

4 posts, 0 answers
  1. Stephen
    Stephen avatar
    24 posts
    Member since:
    May 2011

    Posted 24 May 2012 Link to this post

    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!
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2621 posts

    Posted 28 May 2012 Link to this post

    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. 

    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!
  3. Ryan
    Ryan avatar
    3 posts
    Member since:
    Sep 2011

    Posted 14 Jan in reply to Iliana Nikolova Link to this post

    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.
  4. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1959 posts

    Posted 19 Jan Link to this post

    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.
Back to Top