Locked Columns move around in Kendo Grid

9 posts, 0 answers
  1. Jason
    Jason avatar
    13 posts
    Member since:
    May 2008

    Posted 13 Dec 2016 Link to this post

    I have a kendo grid with 30 colums and the first two columns are locked.   When I scroll to the very bottom of the grid and then to the far right (horizontally), the data that displays at the top of the grid is now showing at the bottom of the grid, but only for the locked columns.  If I unlock the columns, everything functions as expected.  I'm using version 2015.3.930
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2598 posts

    Posted 15 Dec 2016 Link to this post

    Hi,

    Can you reproduce the same issue using a more recent version? I have tried to reproduce it with the latest one, but to no avail.

    Regards,
    Kiril Nikolov
    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.
  3. Jason
    Jason avatar
    13 posts
    Member since:
    May 2008

    Posted 15 Dec 2016 in reply to Kiril Nikolov Link to this post

    Updating to the latest version resolved the issue.  Thanks for your help!
  4. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2598 posts

    Posted 16 Dec 2016 Link to this post

    Hello,

    I am happy to hear that the issue is resolved.

    In case you have any further questions - please let us know.

    Regards,
    Kiril Nikolov
    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.
  5. Suneetha
    Suneetha avatar
    6 posts
    Member since:
    Jun 2016

    Posted 16 Dec 2016 Link to this post

    I have the same issue. I have 4 grids displayed in 4 different tabs. And I have 1 locked column in each grid. On page load, active grid displays correctly. However, when I navigate to other tabs, the UI is totally disrupted which forced me to remove the lock.

    Any help is Appreciated.

    Thanks

  6. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2598 posts

    Posted 19 Dec 2016 Link to this post

    Hi,

    Can you provide a Kendo UI Dojo where the issue can be reproduced?

    Regards,
    Kiril Nikolov
    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.
  7. Suneetha
    Suneetha avatar
    6 posts
    Member since:
    Jun 2016

    Posted 20 Dec 2016 in reply to Kiril Nikolov Link to this post

    Hi Kiril,

    I have tried to simulate somewhat similar behavior here - http://dojo.telerik.com/oNAyi/2. I have also attached the sample code in case if the link doesn't work.

    If there is atleast 1 locked column and if the grid is not displayed on page load, (in this case grid is displayed on click of a button), then the UI is totally disrupted. Also, as the number of columns increases, the non-editable column is no longer displayed.

    This is not exactly what I’m facing, but similar. In my case, entire grid width is occupied by the locked and non-editable columns and all editable & unlocked columns are crunched on the right. The header displays column name of the first non-editable & unlocked column.

    Thanks,Suneetha

  8. Suneetha
    Suneetha avatar
    6 posts
    Member since:
    Jun 2016

    Posted 20 Dec 2016 in reply to Kiril Nikolov Link to this post

    Here is the link - http://dojo.telerik.com/EvexI

    Thanks!

  9. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2598 posts

    Posted 21 Dec 2016 Link to this post

    Hello,

    I would suggest you to check the following article that will shed some light on this behavior:

    http://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#hidden-containers

    Regards,
    Kiril Nikolov
    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