This is a migrated thread and some comments may be shown as answers.

Locked columns with Angular

3 Answers 151 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Matt
Top achievements
Rank 1
Matt asked on 30 Oct 2014, 07:19 PM
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!

http://dojo.telerik.com/ACIBI/2

3 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 03 Nov 2014, 09:08 AM
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

http://dojo.telerik.com/@rusev/Arub

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Harishkumar
Top achievements
Rank 1
answered on 30 Aug 2017, 05:58 PM

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. 

0
Pavlina
Telerik team
answered on 01 Sep 2017, 11:59 AM
Hi,

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.

Regards,
Pavlina
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.
Tags
Grid
Asked by
Matt
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Harishkumar
Top achievements
Rank 1
Pavlina
Telerik team
Share this question
or