Kendo Angular 2 User Interface Export Excel Grid

Question

I am trying to add excel export functionality to the Kendo UI angular 2 grid, but I get an error when loading the angular 2 application:

Can't bind to 'toolbar' since it isn't a known property of 'kendo-grid'. 

Here is the code snippet I'm using:

 <kendo-grid [data]="gridView" [height]="700" [pageSize]="pageSize" [toolbar]="['excel']" [excel]="{fileName: 'Reprocessingdetails.xlsx'}" [skip]="skip" [pageable]="{ info: true, type: 'input', pageSizes: false, previousNext: true }" [scrollable]="'none'" (pageChange)="pageChange($event)" [sortable]="{ mode: 'single', allowUnsort: true }" [sort]="sort" (sortChange)="reprocessingResultsSortChange($event)" > <kendo-grid-column field="isSelected" title="Select"> <template kendoCellTemplate let-dataItem> <input type="checkbox" [(ngModel)]="dataItem.isSelected" /> </template> </kendo-grid-column> <kendo-grid-column field="reprocessingType" title="Reprocessing Type"> </kendo-grid-column> </kendo-grid> 

Excel export functionality was not mentioned in the roadmap, is it fair to assume that it is already present? If so, how do you make the above snippet of work? any help?

Answer 1

Excel export is now an official feature of the Kendo user interface grid. It can also be used on its own as a non-visual component for generating XLSX files.

Answer 2

The Kendo UI grid for Angular 2 does not currently support Excel export. The toolbar is installed through the ToolbarComponent , which is currently designing content using ng-content . You can see it all in the docs.