Locked columns with Angular

4 posts, 0 answers
  1. Matt
    Matt avatar
    1 posts
    Member since:
    Apr 2014

    Posted 30 Oct 2014 Link to this post

    I'm trying to use locked columns while using angular directives in the column templates. The problem is that the cells don't get rendered until after the grid is rendered. So if a cell text wraps, kendo is not adjusting the height, because the grid is already databound by the time that angular compiles and renders the cell contents. The grid does fix itself after manually re-sizing any column, or add/removing a column. Is there any way I can trigger kendo to do a recalculation of the column sizes? Or any other way to fix this? Please see the following example. Thanks!

  2. Kiril Nikolov
    Kiril Nikolov avatar
    2596 posts

    Posted 03 Nov 2014 Link to this post

    Hi Matt,

    This behavior is expected, as the grid is rendered before the AngularJS directive. The workaround that comes to my mind is to use the white-space CSS property like this


    Kiril Nikolov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Harishkumar
    Harishkumar avatar
    3 posts
    Member since:
    Aug 2013

    Posted 30 Aug 2017 Link to this post

    Hi - Im trying to use locked column in my application as a last column , but unfortunely the column always appears as the first column .Is there any way to make it as last column and keep that frozen.

    Also I have detail view because of this behavior I get 2 plus signs. 

  4. Pavlina
    Pavlina avatar
    6187 posts

    Posted 01 Sep 2017 Link to this post


    Unfortunately you cannot set last column to be locked, because pinning columns to the right is not supported by the grid widget as this can create unexpected behavior. The columns can only be fixed on the left-side of its table.

    Apologies for the inconvenience this may cause you.

    Progress Telerik
    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