title: Angular 2 Kendo UI pass column definitions to grid from parent component
body: <p>I am currently working on a project using Angular 4 and Kendo UI for Angular.
  We have multiple kendo grids that should use the same configuration.(toolbar, paging, footer template, ...)</p>
  
  <p>I decided to make a component with the default configuration for our grids, so we don't have the same code all over the place.</p>
  
  <p>The main difference between all the grids are the column definitions. So my idea was to pass them as content to my wrapper component and add the ng-content in my kendo grid.</p>
  
  <p>So what I have right now:<br />
  <b>main.component.ts</b></p>
  
  <pre><code>@Component({
      template: "&lt;grid-wrapper&gt;
                     &lt;kendo-grid-column field="projectName"&gt;
                         &lt;ng-template kendoGridHeaderTemplate&gt;
                             &lt;span&gt;Project Name&lt;/span&gt;
                         &lt;/ng-template&gt;
                     &lt;/kendo-grid-column&gt;
                 &lt;/grid-wrapper&gt;"
  })
  export class MainComponent {
  }
  </code></pre>
  
  <p><b>wrapper.component.ts</b></p>
  
  <pre><code>@Component({
      template: "&lt;div&gt;
                     &lt;!-- Some code for buttons shown above the grid --&gt;
                     &lt;kendo-grid [data]="data"
                                 [pageSize]="pageSize"
                                 [sortable]="{mode: 'single'}"
                         &lt;ng-content&gt;&lt;/ng-content&gt;
                         &lt;!-- templates and components for paging, toolbar, ... --&gt;
                     &lt;/kendo-grid&gt;
                 &lt;/div&gt;",
      selector: "grid-wrapper"
  })
  export class WrapperComponent {
      private data: GridDataResult;
      private pageSize: number = 10;
  
      // ...
      // Some code for filling the data
      // ...
  }
  </code></pre>
  
  <p>When debugging the kendo grid, I noticed that the GridComponent gets the columns with @ContentChildren, but this collection is empty.</p>
  
  <p>Does anybody have an idea what is going wrong? Or any suggestions on how this can be done better?</p>
  
  <p>Best regards,
  BillieTK.</p>