Is it possible to create a dynamic ButtonGroup like this?
<kendo-buttongroup selection="single">
<div *ngFor="let label of labels" >
<button kendoButton [togglable]="true" [icon]="" >label</button>
</div>
</kendo-buttongroup>

Hello,
I have a Grid with a column where I use an async pipe to format the displayed value using a custom cell template
<ng-template kendoGridCellTemplate let-dataItem>{{dataItem.Value | myPipe}}></ng-template>
Unfortunately I could not find a way to do this same transformation for the exported data. Is there a way to use async pipes or pipes in general in combination with the Excel export functionality?
Regards,
// Lukas


Hi,
I successfully managed to make the Add, save and cancel functionalities in the toolbar of my grid but kendoGridEditCommand doesn't work. I enabled selectedKeys so I have an active row. How can I edit/delete a row using toolbar buttons? Can you provide my an example?
<ng-template kendoGridToolbarTemplate> <button (click)="onToggleFilterBar()" class="k-button k-filter-button"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <button kendoGridAddCommand class="k-button k-add-button"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </button> <button kendoGridEditCommand class="k-button k-edit-button"> <i class="fa fa-pencil-square" aria-hidden="true"></i> </button> <button kendoGridSaveCommand class="k-button k-save-button" [disabled]="formGroup?.invalid"> <i class="fa fa-floppy-o" aria-hidden="true"></i> </button> <button kendoGridCancelCommand class="k-button k-cancel-button"> <i class="fa fa-times-circle" aria-hidden="true"></i> </button></ng-template>

How to tap in to the click event of the "+" expand "-" collapse click events. Clicking on the row triggers the "cellClickHandler($event)", I need it to be able to handle detail click as an event also.
<kendo-grid
[data]="mainData"
(cellClick)="cellClickHandler($event)"
>
<kendo-grid-column>
// column stuff
</kendo-grid-column>
<kendo-grid-column>
// more column stuff
</kendo-grid-column>
<ng-template kendoGridDetailTemplate>
<table> // stuff </table>
</ng-template>
</kendo-grid>

In trying to move the Master-Detail Grid example from the Telerik site [ https://www.telerik.com/kendo-angular-ui/components/grid/advanced-features/hierarchy/ ] to a VS Code solution, I am greeted by the following error when the solution is served;
"ERROR in src/app/category-details.component.ts(44,39): error TS2345: Argument of type 'Object' is not assignable to parameter of type '{ CategoryID: number; }'."
I have found some threads suggesting this may be due to a change in Angular 2.2.
Any thoughts as to why this solution still works as a Plunker, yet not as a VS Code solution; what am I missing here?
I've been using the InCellEditing and GridBinding directives with the KendoGrid in the way shown in your InCellEditing Example (https://www.telerik.com/kendo-angular-ui/components/grid/editing/editing-directives/#toc-the-in-cell-directive)
What I've needed to do recently is (ideally) subscribe to an Observable that would give me give me all the current data in the grid every time some data has been changed (added/updated/removed).
I went digging through the grid code base and saw that the Grid & InCellEditingDirective is injected with a LocalDataChangesService. I'd love to be able to access this service too so that I can consume a stream of change events.
Is there an easy way to achieve this?
