Focusable rows in kendo grid

2 posts, 1 answers
  1. Matej
    Matej avatar
    71 posts
    Member since:
    Jun 2019

    Posted 20 Aug 2020 Link to this post

    Hi,

    Is it possible to make focusable rows in virtual grid? I have example with focusable rows and select with "enter" for regular grid and everything is working. But when  I try to do the same for virtual scroll grid, "space" and arrows controls will stop working after first keyDown and changing rows with "tab" is looping the focus.

  2. Answer
    Stefan
    Admin
    Stefan avatar
    3039 posts

    Posted 20 Aug 2020 Link to this post

    Hello, Matej,

    Thank you for your examples.

    This is expected when virtualization is used as we are not rendering the entire table, only records based on the pageSize. This is why when pressing the tab, the focus goes to the first row, as there are no more focusable elements and the browser goes to the first one.

    The other case with space and the arrows is because, on each scroll, we call onPageChange and update the Grid data, which causes a re-render. This, on the other hand, loses the focus as this is a tr element.

    Currently, we can only log a task to research the possible options for row navigation with virtualization, but this is a very specific case and may require longer to achieve.

    Regards,
    Stefan
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Back to Top