It is possible to set or change the height of the Grid's wrapper <div> at any time. You need to call the widget's resize() method afterwards:
With regard to the observed misalignment in the newly provided Dojo, I can make two comments:
1. Generally, the correct way to set a dataItem value is via the setter method:
2. The misalignment occurs, because the Angular template is evaluated after the Grid has rendered the column template and adjusted its layout after the value change and rebind. Possible ways to proceed are:
a) use Kendo UI template bindings instead of Angular bindings. Kendo UI template bindings are evaluated earlier, before the layout adjustment
//template: '<span ng-bind-html="dataItem.FirstName"></span>',
'<span>#= FirstName #</span>'
b) use Angular bindings, but call the Grid's resize() method manually in dataBound, inside a setTimeout block. You will also need to set the force
parameter of the resize() method to true, because the Grid dimensions have not changed.
Telerik by Progress