Kendo UI Grid, multiple selection mode, and scrolling conflict

4 posts, 1 answers
  1. Heng
    Heng avatar
    2 posts
    Member since:
    Apr 2015

    Posted 13 Apr 2015 Link to this post

     This is my first question on kendo ui grid, we are using kendo ui grid on mobile device.

    I have trouble to make it support both multiple selection and scrolling.

    It has grid setup with

    selectable: "multiple, row",

    pageable: false

    navigatable: false


    As a user, I would expect user to touch scroll the grid, rather than select and stop scrolling, which made it unusable.

    Is there any way to configure it to support multiple selection and scrolling at the same time?

    - click to select and unselect

    - scrolling when touch and move

    - not keyboard in this case

    Thanks in advance.


  2. Answer
    Dimiter Madjarov
    Dimiter Madjarov avatar
    2310 posts

    Posted 15 Apr 2015 Link to this post

    Hello Heng,

    This is the expected behavior of the Kendo UI Grid on a mobile device. The multiple selection cannot be configured to select/deselect rows by click only.

    Since all that the selection is doing under the hood is to add the k-state-selected CSS class to the rows and then retrieve them by this class, you could disable the out of the box selection and manually add/remove this class on click. You could then retrieve the rows via jQuery class selector instead of the Grid API.

    Dimiter Madjarov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Graeme
    Graeme avatar
    1 posts
    Member since:
    Oct 2014

    Posted 06 Apr 2017 in reply to Dimiter Madjarov Link to this post

    Hi - has their been any progress on support out of the box on mobile device for the grid selection modes (multi) and scrolling to coexist?
  4. Viktor Tachev
    Viktor Tachev avatar
    2478 posts

    Posted 10 Apr 2017 Link to this post


    The previous reply is still valid. This is due to the fact that scrolling on mobile device is performed with touch and hold. Similar gesture will be using for selecting multiple items.

    With that said there is an feature request in our UserVoice portal. You can vote for the feature in the link below. 

    Viktor Tachev
    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