Using content projection (<ng-content>) in Kendo Grid

[Ryan]

I am attempting to standardize a lot of my grids for my application. They all follow the same general set up for filtering, sorting, etc. But each grid might have some specific customizations. Usually this is just customizing the command column to have different command (edit button, actions menu, etc), but this can also take the form of additional toolbar buttons and the like.

To do this, I am trying to make a component that uses Kendo Grid, has it set up the way I want to, but uses <ng-content> to project additional requirements.

However, it seems this is completely ignored by the grid, and nothing is ever rendered.

Example stackblitz which shows the issue: https://stackblitz.com/edit/angular-zc4drs?file=src%2Fapp%2Fapp.component.ts

The actual kendo grids that I'm working on are much more complicated, which is a large motivation for having a common component that I can use and inject additional stuff into as needed. Any help would be appreciated. 

[Martin Bechev]

Hello Ryan,

I noticed that you've already participated in another forum thread about this topic. Please find more details there:

https://www.telerik.com/forums/kendo-angular-editor-content-projection-for-custom-toolbar

Regards,
Martin Bechev
Progress Telerik